设计方案系列-如何看待前端框架选型 ?

对于前端团队，能够实现企业受益最大化要点。

1、技术选型的策略

一、保证产品质量

（1）功能稳健：网页不白屏，不错位，不卡死；操做正常；数据精准。

（2）体验优秀：加载体验，交互体验，视觉体验，无障碍访问。

二、下降人力成本

（1）下降前期开发成本；

（2）下降后期维护成本。

 

2、前端开发模式选择

开发模式：一、纯前端开发；二、先后端分离开发；三、后端主导的开发。

一、纯前端开发

主要是针对静态页面。没有模板和框架参与，基本上一我的就能够hold住，好比：官方网站，招聘站，以及设计感强烈且运营活动页面等。自主权最大，正常是使用nodejs进行辅助开发，上线等。

二、先后端分离开发

如今不少公司的系统都是采用先后端分离的开发模式。根据项目的性质，使用nodejs进行模板渲染（ejs模板，jade模板，dot模板，artTemplate模板），要不是框架自带的渲染的方式（vue，react），可是实质上同样的，都是使用js对页面进行构建。控制权很大。

三、后端主导开发

因为不少历史遗留问题，有的产品仍是采用后盾渲染的开发模式，好比一些内部行政系统相关的。在和他们合做的时候，交付原型的时候，须要克制本身：

（1）不要使用sass，less产很少的前端预处理器；

（2）不使用相似于seajs之类的模块化组件库，而是采用效率更低的人工模块耦合；

（3）不追求新技术，使用更基础代码，采用更传统首发，良好的代码设计保证质量【参数接口暴露在外，后端能够轻松配置，而不是耦合在js中】。

这种前端属于支援角色，后期维护一般都是与后端开发一块儿维护。这就是有时候会出现维护很痛苦的问题。

缺点：增长开发人力成本；

优势：自我牺牲保证项目正常维护下去，职业的体现。

 

3、前端开发技术选型

对于同一个类型的项目，采用开发模式，使用的基本框架都是一致的。

前端技术选型：

（1）外部用户的PC站；

（2）外部用户的mobile站；

（3）外部用户的Native App开发；

（4）内部员工的管理后台

 

一、外部用户的PC站

须要有SEO，有加载体验，采用的是先后端分离开发模式，页面直接渲染，基于jquery。

为何使用jquery？

（1）主要是为了兼容IE8；

（2）是外部用户，视觉体验高，权重高。适合先有行，再有行。就是说视觉和行为要尽量分离，会牺牲一点开发成本，可是用户更重要。

（3）绝大多数页面交互轻量用不上数据驱动。

 

二、外部用户的Mobile站

这里说的Mobile站主要是浏览器访问为主的，所以，页面切换都是传统链接跳转，属于传统web应用，先后端分离开发模式，页面直接渲染，采用react。大体缘由：使用react 是为了 和APP端的react native保持同步。

 

三、外部用户的Native App开发

前端组有直接参与 Native APP 开发的项目，使用的是 React Native 进行开发。

为啥选择RN，以前Hybrid模式开发有性能优化瓶颈，采用React Native性能能够突破这个瓶颈，有原生的性能，且支持热更新，上手不算太难，跨平台，IOS和android代码复用率90%。适合交互和动画不太复杂的项目，最终要根据项目来。特别适合快速迭代的项目或者前期须要大量试错的项目。

（1）不要随意使用第三方库，后期修改维护不方便，尽可能本身写仍是本身写；

（2）前期仍是须要客户端帮忙配合，项目搭建。

 

四、内部员工的管理后台

先后端分离开发，页面侧重异步渲染，使用vuejs。

大体内容是：后台管理系统有大量的增删改查操做，适合具备双向绑定的类库或者框架进行渲染。同时没有兼容性的要求（SEO，首屏渲染），所以单页面是合适的。能够选择vue，react，angular。由于vue对api，文档对开发者更友好。选用好的UI组件，规范贯彻，拆分和按需加载，自动化测试有待增强。

 

4、总结

对于比较正式的项目，前端技术选型策略必定是产品收益最大化，用户在首位。考虑到亿级的用户量，天然技术选型更为谨慎，因而优先选成熟，经典的解决方案。

可是不是说，排斥热门技术。相反，就算仍是很不成熟的新技术，只要对产品带来收益的，必定要鼓励应用的，好比AMP和PWA的实践。

其实这时候也会带来一个问题，技术人员对新技术有着自然的学习和实践需求，由于这有助于下降心里的焦虑和不安全感。

尤为是对技术有着狂热的爱好的小伙伴，这些成熟项目因为规范约束，不能随便乱来，很容易让开发人员报国无门的感受，这该如何达到心理的平衡？

经过边缘项目，实践性的项目，以及团队会自发发起一些有价值的内部项目来知足这样的需求，同时积累宝贵的经验。至关于嵌入了新的平台，让产品，团队和我的都达到很是好的平衡。

产品驱动的文化下，心中想的更可能是把用户和产品作更好，让技术服务产品，因产品而技术，而非因技术而技术。

运营驱动的文化下，本质上是吆喝作买卖，成为前言技术的弄潮儿就是和企业文化的契合。