做前端技术方案选型的时候,你是怎么做决策的?

简介: 做前端技术方案选型的时候,你是怎么做决策的?

最近在知乎上看到的一个提问做前端技术方案选型的时候,你是怎么做决策的?想起一年来自己所做的项目,全都是一个人在做选型,能力也在一步步中培养起来。


最重要的是看项目需求,决定前端技术方案选型

大大小小的项目做过很多,就拿一些做过的项目来举例吧


1:pc端网站


刚刚去公司那会,接手网站的时候,后台是用wordpress搭建的,php语言支持,网页部分用的是jQuery+bootstrap,只能在wordpress后台进行管理,修改部分前端代码,不是很方面。遇到pc端的网站,一般都是套用模板

2:当网站被黑

由于后台管理的疏忽和缺乏,导致公司官网被黑,总监开了紧急会议,既然没有懂php的人才(之前的项目是找外包做的),宕机过程中客户来源也在不断的流失,三天之内,找一个网站模板先代替使用

这个模板既适用移动端又适用于pc端网站,就是一套官网,适应多个终端

这个时候,前端技术方案选型,我就想到要使用响应式布局


响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。


在源码之家源码之家 - 提供最新免费网站源码下载!找到了一套公司企业官网,响应式布局,分别在手机上测试了一下,适配性做的很好,抛开移动端的加载性能在网络比较卡的时候跳转页面稍微慢一点之外,其他的都符合需求。


这套框架是用amazeui框架写的,Amaze 妹子 UI 中国首个开源 HTML5 跨屏前端框架


3:后台管理系统bootstrap admin+jquery+layui


公司的主要业务在于做一套后台管理系统,通过用户的操作,但是是基于上一个项目所开发的代码继续写,要求扁平化,看上去风格偏向于年轻化,AdminLTE和bootstrap admin 模板都很适应,本来想着更换一套模板,重新写,将之前的项目弃之不用,但又觉得太浪费时间,为何不理理清楚之前的项目代码,虽然有些模块杂乱且多余没有条理,改起来别人的项目真的很头疼....

关于layui,有两句话想说

一开始不打算用这个框架的,但是随着业务的增多,我们知道在bootstrap里面,Bootstrap 模态框(Modal)插件,模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。


在具体项目要求中,新增一个弹窗,弹窗里面信息过多,写在一个jsp页面里面显然太过于杂乱,若是这个弹窗里面加载地图的一些信息,会出现莫名其妙没有办法解决的bug,无奈之下,只好引入Layer框架


Layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。

4:微信公众号的开发weUI

之前没有接触过移动端的开发,尤其是微信公众号,特此拿出来比较了一下,还写了一篇文章,最终为了求稳,选择了weUI

技术选型,移动端最常用的四个框架对比之后


相关文章
|
29天前
|
JSON 开发框架 前端开发
【前端开发选择】提醒设计决策:弹窗与Toast通知,哪个更适合?
本文讨论了前端开发中弹窗与Toast通知的选择,通过实际案例比较了两者在用户体验上的差异,并分享了如何使用Toast通知在当前页面提供更友好的交互反馈。
33 2
【前端开发选择】提醒设计决策:弹窗与Toast通知,哪个更适合?
|
2月前
|
前端开发 JavaScript
前端框架的选型、分类、常用框架整理(含官网链接)
前端框架的选型、分类、常用框架整理(含官网链接)
72 7
|
4月前
|
前端开发 JavaScript 开发者
探讨前端框架选择的决策因素
【2月更文挑战第2天】在选择合适的前端框架时,开发者需要考虑诸多因素,包括项目需求、团队技术栈、社区支持等。本文将从实际案例出发,分析不同前端框架的特点以及如何根据具体情况做出最佳选择。
|
前端开发
前端技术架构选型 #37
前端技术架构选型 #37
61 0
前端技术架构选型 #37
|
自然语言处理 JavaScript 前端开发
如何解决前端多语言选型和实现难题?
多语言(i18n)支持 是企业项目走向国际化的必经之路,也是前端工程师最佳实践的内容之一。不过,多语言框架众多,会带来一系列选型问题,相信大家在平时对项目进行多语言支持时,也往往会遇到如下几个问题:
1156 0
|
前端开发 测试技术 API
目前在做的一个web应用程序的前端选型
最近进入了一个新的项目组,要新起一个项目。这个Web项目是一个企业内部使用的系统,主要用来记录、追踪、管理潜在客户的数据。该系统有以下特点: 需要支持IE10及以上版本; 后端采用micro service架构,全部是REST API; 需要与现有的CRM系统(客户管理管理系统)集成,主要采用iframe嵌入页面的方式; 系统开发周期为5个月左右,分为三个大的里程碑。
1145 0
|
6天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
1月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
22 0
|
3月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
67 2