首页

我们团队正在使用哪些前端框架

说到前端框架我们首先就会想到React、Vue和Angular,形成了三足鼎立的场面,当然还远不止这些。就我个人用的就还有很多,比如:Knockoutjs,EasyUI,Bootstrap、jQuery UI等等。

这里不去大而全的介绍有哪些前端框架,而仅仅介绍,目前我们团队正在使用的前端技术。我们团队在选择技术时会考虑到几个因素:
1. 这个框架是否是当下比较流行,热门的,是否获得多数开发者的认可;
2. 是否容易上手,新人来了,能否快速入门,参与核心开发;
3. 是否能与webpack完美集成;
4. 是否有支持Vue的插件,或者说是否支持npm方式安装;
5. 框架是否比较精简,体量比较小等。

任何的选择都有可能是不科学的,它可能也不代表什么好于坏,我们仍然每天都要做很多的决定,所以我们首先必须承认,我们带有个人的偏见,但是我们尽量不去诋毁别的框架,仅仅说我们选择的初衷,或者说偏好。

1. webpack
第一次接触webpack的时候,记得webpack还是2.x的版本,现在都4.16.3,版本更新非常的快,但是3.x以后版本变化并不大。第一感觉就是怎么开发前端跟开发安卓一样了,非常麻烦,那时我不会,第一次改完东西,还得叫其他同事帮忙打包。而现在,我成布道者了,在团队中推广webpack,建议大家都学会它。


2. Vue以及它的小伙伴们
Vue已经发展出自己的一个生态系统了,比如前端路由,前端缓存,组件化,还有很多常用的控件,chart图表。以前很多用jquery写的组件,基本都能找到Vue的版本,当下Vue确实很火。Vuex + Vue Router + Webpack是我们团队开发必备工具。尤其是Vue Router的引入,大大提升了用户的使用体验。


3. Bootstrap
有人很不喜欢Bootstrap,尤其用在用户端,目前我们也仅仅用在管理后台的开发,表单布局,模块,按钮,层,表格,单元格等等,总体来说还是可以的,省去了自己的一部分开发工作。还算比较轻量,也就引入5,6个文件左右,不用当心太重,影响用户体验。


4. axios
它是一个ajax的封装,用户发送ajax请求,非常轻量,它可以说是vue-resource的一个替代,Vue的作者已经宣布不再更新vue-resource,建议大家使用axios,于是乎,这个小家伙就开始走红了。我们的项目中已经完全没有jquery的ajax请求了,全部使用axios。


5. jquery
这个陪伴了我们好多年,当年取代prototype.js,无所不能的jquery正在被社区抛弃。哈哈,当然还远没有那么严重,我们的项目中还是会引用jquery,比如要使用Bootstrap就必须得引用jquery,还有一些dom的操作,上传组件都还在依赖jquery。


6. vue-chartjs
在做报表数据时,免不了要画些图标,在几个chart中比较下,这个算是比较简单,易上手,体量来说也不大,图表的种类也够用,所以选择它的理由就是一切刚好。但是也遇上了一些麻烦,就是如果要做些图表的配置,光传值是不生效的,得重载底层的一些事件的代码,这点确实有点麻烦。


总结:这是我们团队大部分使用的技术,还有一些时间控件,动态效果插件等等就不一一罗列,相信会大家一些参考,在选择前端框架上。
from 爱施园
Posted by 森林 on 2018/07/08
Copyright ©2018 爱施园 粤ICP备14091834号