前端技术选型思考

1、引言

我们在做前端项目开发时，都不可避免地要思考选型问题，即用什么技术开发我们的应用。

以下是本人的一些思考，欢迎补充。

2、先问自己一个问题

我的项目需求是怎样的？

不同需求的项目适合不同的技术栈。

传统的多页应用你不会选择react作为前端框架，单页应用使用jQuery来做也变得非常困难，所以不同项目适合不同的技术栈。

目前前端项目可以分为多页应用跟单页应用。

3、多页应用

多页应用就是我们传统的网站，每个页面都是由浏览器向服务器发送请求进行页面跳转。

3.1、多页应用的特征

• 内容都由服务端用模板生成。如JSP。
• 每次页面跳转都要经过服务端
• JS更多只是做做动画

3.2、常用类库

• jQuery ： 曾经最火热的DOM库。
• mootools : 与jQuery类似

3.3、架构工具

• 无特定前端工具，跟后端配合
• grunt ：任务处理器，效率低
• gulp ：与grunt，效率比较高

3.4、模块化工具

• 无
• sea.js
• require.js

3.5、静态文件处理

使用grunt或gulp等工具手动编译到HTML中，自由度低，操作复杂，或者甚至不处理，交给后端，让后端服务处理。

4、单页应用

单页应用，就是所有页面内容都是由前端生成的，用到的所有数据都是JS主动向服务端发请求获取的。

4.1、特征

• 所有内容都在前端生成
• JS承担更多的业务逻辑，后端只提供API
• 页面路由跳转不需要经过后端

4.2、常用类库

• react
• vue
• angular
• backbone

4.3、架构工具

• npm
• jspm

4.4、模块化工具

• webpack
• rollup : 打包性能优于webpack

4.5、静态文件处理

可以直接在JS代码中进行引用，并且交由模块化工具转化成线上可用的静态资源，并且可以定制转化过程适应不同的需求场景。

5、其他

最后还需要考虑三点：

• 浏览器兼容性
• toB还是toC：toB指的是商用的软件，对功能复杂度要求高、对性能要求比较低；toC业务复杂度不会很高，但性能要求比较高
• 移动端还是PC端：移动端要考虑适配，移动端跟PC端的网速要求是不一样的。

以上，就是本人对前端技术选型的思考_{欢迎留言补充}