如何选择适合你的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 相关文章推荐
javascript 通用简单的table选项卡实现
May 07 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
利用Bootstrap实现表格复选框checkbox全选
Dec 21 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
微信小程序之圆形进度条实现思路
Feb 22 Javascript
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
vue 实现根据data中的属性值来设置不同的样式
Aug 04 Javascript
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
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
php session的锁和并发
2016/01/22 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
Mac地址验证的javascript代码
2013/11/09 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
js创建jsonArray传输至后台及后台全面解析
2016/04/11 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
使用Vue完成一个简单的todolist的方法
2017/12/01 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
jquery 时间戳转日期过程详解
2019/10/12 jQuery
通过Kettle自定义jar包供javascript使用
2020/01/29 Javascript
Python实现分割文件及合并文件的方法
2015/07/10 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
python 用下标截取字符串的实例
2018/12/25 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
浅谈django channels 路由误导
2020/05/28 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
罗技美国官网:Logitech美国
2020/01/22 全球购物
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
运动会广播稿200字(10篇)
2014/10/12 职场文书
教师先进个人材料
2014/12/17 职场文书
傲慢与偏见电影观后感
2015/06/10 职场文书
英语投诉信范文
2015/07/03 职场文书
高一地理教学工作总结
2015/08/12 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
SpringBoot集成Redis,并自定义对象序列化操作
2021/06/22 Java/Android
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL