如何选择适合你的JavaScript框架


Posted in Javascript onNovember 20, 2017

大家在学习Javascript的时候选择适合自己的JS框架不仅能让写代码的效率大大增加,而且还可以让工作变得不在枯燥,感觉在写代码的时候一直有一个帮手在帮助你。那在如此多的框架中,如何选择适合自己的呢,一起来看下小编为你整理的内容。

Javascript框架(以下简称框架)也被称为Javascript库,是一组包含丰富功能和函数的JavaScript代码集,能够帮助开发者快速完成Web设计和开发工作。随着Web社区的越发活跃,新的框架也层出不穷,目前流行的有:Angular、React、Vue.js和Knockout等。

面对如此丰富多样的框架,很多Web开发团队都感到难以抉择,性能、速度、兼容性等等方面,我们到底应该怎么选?

其实,还是那个亘古不变的原则:适合自己的才是最好的!

下面,小编介绍一个工具和一本手册,只需1分钟,即可为你和你的团队选好最适合的框架。

工具介绍:

如何选择适合你的JavaScript框架

这个工具从生产效率、速度、生态系统和兼容性四个维度,对主流前端框架进行评估。你可根据项目情况,定义你最关心的维度,点击“获取评估结果”,获得推荐。

如下图所示,小编优先考虑生产效率,其次是生态系统和速度,最后是兼容性。

如何选择适合你的JavaScript框架

提交后,系统最推荐的,是效能最佳的Angular,并附上了推荐理由。

如何选择适合你的JavaScript框架

既简单又高效吧,一分钟找到最适合你的JavaScript框架!叫上你的小伙伴,一起来试试吧!

值得一提的是,这个测试工具是用Wijmo制作的。

手册介绍:

Wijmo 还推出了《如何为你的团队选择最适合的JavaScript框架》手册,不但介绍了JavaScript和JavaScript框架,还盘点和目前最为流行的四个JavaScript框架,并讲述了使用“SPEC”方法为自己的团队选择最适合的框架。点击页面下方的“获取免费电子书”,即可进行下载。

如何选择适合你的JavaScript框架

关于选择JS框架的一些体会和心得:

我经常看到很多JavaScript框架/库的使用者或者作者坚持某一条路,把其他路贬低得一文不值,但就目前情况来说,这些东西之间的关系存在几种:

1. 竞争与淘汰比如某些东西已经实际出局,某些东西由于标准演进导致场景失效而衰落,某些东西由于跟同类东西相比明显落于下风等等。

2. 升级新版本希望彻底取代老版本,进行彻底的重构,比如Angular。

3. 互补很多人没有意识到,我们吃菜并不是只吃一种的,每种菜都有它的价值,哪种框架/库比较好,要考虑到:它定位于什么领域,解决哪些问题,适合什么样的人等等,所以这些东西很大程度上是并存,共荣,互相学习,共同演进的。

最后黑一下,js框架基数大还有个原因,因为前端相对来说性格都比较活泼一点,人也有朝气好相处,比如同样水平的一个东西,前端这里有勇气拿出来显摆,大家都说哇你好厉害,谢谢大神,1024之类,但可能在Java那边,他都不好意思拿出来说,一放出来,大家都说,弱爆,负分滚粗,再学20年吧。

Javascript 相关文章推荐
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 Javascript
javascript数据结构之二叉搜索树实现方法
Nov 25 Javascript
jQuery插件imgPreviewQs实现上传图片预览
Jan 15 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
JS取数字小数点后两位或n位的简单方法
Oct 24 Javascript
Vue2.0 组件传值通讯的示例代码
Aug 01 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
JavaScript内存泄漏的处理方式
Nov 20 #Javascript
加载 vue 远程代码的组件实例详解
Nov 20 #Javascript
jquery中有哪些api jQuery主要API
Nov 20 #jQuery
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 #Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 #Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 #Javascript
jquery ztree实现右键收藏功能
Nov 20 #jQuery
You might like
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
对PHP新手的一些建议(PHP学习经验总结)
2014/08/20 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
JAVASCRIPT函数作用域和提前声明 分享
2013/08/22 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
理解javascript中的闭包
2017/01/11 Javascript
最常用的jQuery表单验证(简单)
2017/05/23 jQuery
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
python多线程threading.Lock锁用法实例
2014/11/01 Python
python使用post提交数据到远程url的方法
2015/04/29 Python
python从sqlite读取并显示数据的方法
2015/05/08 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
python pillow模块使用方法详解
2019/08/30 Python
如何创建一个Flask项目并进行简单配置
2020/11/18 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
后勤人员岗位职责
2013/12/17 职场文书
医科大学毕业生自荐信
2014/02/03 职场文书
地理科学专业自荐信
2014/09/01 职场文书
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python