工具大比拼,二零一七年前端框架

二〇一七年前端框架、类库、工具大比拼

2017/06/19 · 基本功技术 ·
工具,
框架,
类库

原文出处: Craig
Buckler   译文出处:葡萄城控件   

对待于JavaScript开发人士的数据,最近JavaScript框架、类库和工具的数量就像越多一些。截止前年7月,GitHub上的高速搜索显示,有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。

正文将会谈论近期极端盛行的客户端JavaScript框架、类库和工具以及它们之间的中央差别。或者本文不可能告知你哪个是最好的,可是最契合自个儿项指标,正是最好的。

二〇一七年前端框架、类库、工具大比拼,二〇一七年大比拼

对照于JavaScript开发职员的数目,近来JavaScript框架、类库和工具的数码犹如更加多一些。停止二〇一七年二月,GitHub上的高效搜索展现,有跨越110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。

正文将会谈谈最近极其流行的客户端JavaScript框架、类库和工具以及它们之间的中坚差距。或然本文不恐怕告诉你哪个是最好的,然则最符合自身项指标,正是最好的。

对照于JavaScript开发人士的多少,方今JavaScript框架、类库和工具的多寡犹如越来越多一些。停止前年7月,GitHub上的赶快搜索显示,有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。
  本文将会钻探近日极其流行的客户端JavaScript框架、类库和工具以及它们中间的骨干差距。或者本文不能够告知您哪些是最好的,但是最适合自个儿项目标,便是最好的。

相对而言于JavaScript开发职员的多少,方今JavaScript框架、类库和工具的数据就像更加多一些。结束二〇一七年二月,GitHub上的火速搜索显示,有超越110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。

类库

类库是三个有团体的效能集聚。典型的类库包含字符串处理、日期、HTML
DOM元素、事件、Cookie、动画、互联网请求等成效。你能够团结达成二个函数,以便选拔该函数被调用时是否需求再次回到二个值。

类库日常提供一种高级其他虚幻方法,能够协理顺遂贯彻项目标底细部分。例如,Ajax日常正视于XMLHttpRequest
API,只需求几行代码就达成效益,只是浏览器之间存在细微的差异。类库提供了更简明的ajax()函数,由此开发者能够小心于更高级其余工作逻辑上。

类库能够使将开发时间减弱20%,开发者不必顾虑细节实现。

而是也有弱点:

  • 类库中的错误难以稳定和修补
  • 支出组织不可能确定保证高速宣布补丁
  • 补丁程序大概会更改API,导致大气代码必须变更

类库

类库是八个有集体的效果集聚。典型的类库包蕴字符串处理、日期、HTML
DOM成分、事件、Cookie、动画、网络请求等成效。你能够协调完结1个函数,以便采用该函数被调用时是或不是须要重临四个值。

类库平日提供一种高级其他悬空方法,能够协理顺利落到实处项指标底细部分。例如,Ajax平日依赖于XMLHttpRequest
API,只须求几行代码就落到实处效益,只是浏览器之间存在细微的歧异。类库提供了更简便的ajax()函数,因而开发者能够小心于更高级其他工作逻辑上。

类库能够使将支付时间收缩20%,开发者不必担心细节完成。

只是也有缺点:

  • 类库中的错误难以稳定和修补

  • 付出团队不能够担保高速公布补丁

  • 补丁程序大概会更改API,导致大量代码必须变更

  • 上学进程中相见哪些难题依旧想取得学习财富的话,欢迎参加学习交换群
    343599877,我们一道学前端!

类库

类库是多少个有集体的功能汇聚。典型的类库包含字符串处理、日期、HTML
DOM成分、事件、Cookie、动画、互连网请求等效果。你能够团结达成1个函数,以便接纳该函数被调用时是不是供给再次来到二个值。
  类库平日提供一种高级其余虚幻方法,能够支持顺遂落到实处项指标细节部分。例如,Ajax日常重视于XMLHttpRequest
API,只要求几行代码就落到实处际效果益,只是浏览器之间存在细微的反差。类库提供了更简便的ajax()函数,因而开发者能够小心于更高级其余政工逻辑上。
  类库能够使将开发时间减少20%,开发者不必顾虑细节完结。

而是也有缺点:

  • 类库中的错误难以稳定和修补
  • 付出团队不可能担保高速发表补丁
  • 补丁程序恐怕会更改API,导致多量代码必须变更

本文将会谈论方今极端盛行的客户端JavaScript框架、类库和工具以及它们中间的骨干差别。或然本文不能告知您哪些是最好的,不过最适合自个儿项指标,就是最好的。

框架

框架是应用程序的骨子。它供给以一定的点子来展开软件设计,在一些节点上完毕团结的逻辑。框架经常提供了风云、存款和储蓄和数量绑定等效能。

框架日常提供了比类库更高层次的架空,支持飞速构建项指标前80%。

框架的欠缺:

  • 假诺你的应用程序超出了框架的限定,最终20%或许会很难
  • 框架更新很不方便
  • 中央框架代码和定义很少更新

框架

框架是应用程序的骨子。它要求以一定的法门来开始展览软件设计,在一些节点上实现团结的逻辑。框架平日提供了风浪、存款和储蓄和数据绑定等功效。

框架经常提供了比类库更高层次的抽象,协助连忙创设项指标前80%。

框架的败笔:

  • 比方您的应用程序超出了框架的限制,最终20%只怕会很难

  • 框架更新很困难

  • 主干框架代码和概念很少更新

框架

框架是应用程序的骨架。它供给以特定的章程来举行软件设计,在一些节点上落实协调的逻辑。框架常常提供了事件、存款和储蓄和多少绑定等效率。
  框架日常提供了比类库更高层次的空洞,帮忙火速创设项目的前80%。

框架的弱点:

  • 要是你的应用程序超出了框架的范围,最后20%只怕会很难
  • 框架更新很费力
  • 核心框架代码和概念很少更新

类库

类库是3个有协会的意义集聚。典型的类库包含字符串处理、日期、HTML
DOM成分、事件、Cookie、动画、互连网请求等效用。你能够协调完结四个函数,以便选择该函数被调用时是或不是需求重临一个值。

类库平常提供一种高级其他虚幻方法,能够扶助顺遂落到实处项目标细节部分。例如,Ajax经常信赖于XMLHttpRequest
API,只需求几行代码就落到实处际效果益,只是浏览器之间存在细微的反差。类库提供了更不难的ajax()函数,因而开发者能够小心于更高级其他事情逻辑上。

类库能够使将支付时间减少20%,开发者不必担心细节完结。

唯独也不正常:

  • 类库中的错误难以稳定和修补

  • 开发集团不能够担保高速发表补丁

  • 补丁程序恐怕会更改API,导致大气代码必须变更

  • 上学进度中遇见哪些难题可能想获取学习财富的话,欢迎到场学习沟通群
    343599877,大家联合学前端!

工具

工具会帮忙开发工作,但却不是种类的组成都部队分。工具包蕴营造系统、编写翻译器、转译器、代码分割器、图像压缩器、铺排机制等。

工具帮衬达成八个更易于的花费进度。例如,相比于CSS,许多编码者更欣赏Sass,因为它提供了代码分离、嵌套、渲染时变量、循环和函数。浏览器不领会Sass
/ SCSS语法,由此在测试和布置以前,必须使用卓越的工具将代码编写翻译为CSS。

工具

工具会推搡开发工作,但却不是体系的组成部分。工具蕴含构建系统、编译器、转译器、代码分割器、图像压缩器、铺排机制等。

工具帮助达成一个更易于的付出进程。例如,比较于CSS,许多编码者更欣赏Sass,因为它提供了代码分离、嵌套、渲染时变量、循环和函数。浏览器不掌握Sass
/ SCSS语法,因而在测试和铺排以前,必须运用合适的工具将代码编写翻译为CSS。

工具

工具会支持开发工作,但却不是项目标组成部分。工具蕴含营造系统、编写翻译器、转译器、代码分割器、图像压缩器、布署机制等。
工具支持达成一个更易于的支付进度。例如,相比较于CSS,许多编码者更爱好Sass,因为它提供了代码分离、嵌套、渲染时变量、循环和函数。浏览器不精通Sass
/ SCSS语法,由此在测试和布局在此之前,必须运用方便的工具将代码编写翻译为CSS。
类库、框架和工具的分别
  类库、框架和工具之间的界别非常的小。框架能够总结二个类库,类库能够实现类似框架的点子,项目中别的一种工具都以少不了的。所以不须求分明的界别类库、框架和工具。
JavaScript框架和类库
以下是比照流行水平举行的排序:

框架

框架是应用程序的骨架。它供给以一定的主意来进展软件设计,在好几节点上落到实处本人的逻辑。框架日常提供了风浪、存款和储蓄和数据绑定等效用。

框架经常提供了比类库更高层次的悬空,援助急忙营造项目标前80%。

框架的通病:

  • 假使您的应用程序超出了框架的界定,末了20%可能会很难

  • 框架更新很拮据

  • 骨干框架代码和概念很少更新

类库、框架和工具的差别

类库、框架和工具之间的分别十分的小。框架能够包蕴三个类库,类库能够兑现类似框架的艺术,项目中此外一种工具都是不可或缺的。所以不必要领悟的差异类库、框架和工具。

类库、框架和工具的分歧

类库、框架和工具之间的分别一点都不大。框架可以总结3个类库,类库能够兑现类似框架的形式,项目中此外一种工具都以必备的。所以不需求显明的分别类库、框架和工具。

jQuery

美高梅开户网址 1

jQuery
类型 类库
网站 jquery.com
知识库 github.com/jquery/jquery
当前版本 3.2.1
开发人员 jQuery团队
发布日期 2006年8月
大小 最小30kb
用途 通用
使用度 72.4%的网站

乘胜WordPress、ASP.NET和一部分其他框架的宣告,jQuery依然是最常用的JavaScript类库。它经过将CSS选择器引入到DOM节点检索加链来行使事件处理程序、动画和Ajax调用,那彻底改变了客户端的开销。
  jQuery近来备受注重,对于急需少量JavaScript效能的品种以来,照旧是三个好选拔。
优点:

  • 分布范围小
  • 上学曲线平缓,丰盛的在线协助
  • 切中要害的语法
  • 简单进行

缺点:

  • 日增了原生API的进程开销
  • 浏览器包容性倒霉,但已获取改正
  • 用法扁平
  • 局部行业反对动用

工具

工具会推来推去开发工作,但却不是项指标组成都部队分。工具包含创设系统、编写翻译器、转译器、代码分割器、图像压缩器、安排机制等。

工具协助达成三个更易于的付出进度。例如,比较于CSS,许多编码者更爱好Sass,因为它提供了代码分离、嵌套、渲染时变量、循环和函数。浏览器不精晓Sass
/ SCSS语法,因而在测试和安排从前,必须利用合适的工具将代码编写翻译为CSS。

JavaScript框架和类库

以下是比照流行水平实行的排序:

JavaScript框架和类库

以下是比照流行水平进行的排序:

Lodash 和 Underscore

美高梅开户网址 2

Lodash
类型 类库
网站 lodash.com/
知识库 github.com/lodash/lodash/
当前版本 4.17.4
开发人员 John-David Dalton
发布日期 2012年4月
大小 最小4kb – 24kb
用途 通用
使用度

Underscore
类型 类库
网站 underscorejs.org/
知识库 github.com/jashkenas/underscore
当前版本 1.8.3
开发人员 Jeremy Ashkenas
发布日期 2009年10月
大小 最小6kb
用途 通用
使用度

Lodash和Underscore在本节一起谈论。它们提供了数百个效用性的JavaScript实用程序来填补原生字符串、数字、数组和其余原始对象方法。就算七个类库之间有一部分交汇,然则不太只怕在二个品种中还要选用那八个类库。
  纵然多个类库在客户端使用率很低,但是却可以在劳动器端的Node.js应用程序中运用那五个类库。
优点:

  • 小而简单
  • 卓绝的文书档案易于学习
  • 与大部分类库和框架包容
  • 不增加内置对象
  • 能够在客户端或服务器上使用

缺点:

  • 些微措施只在ES2014及更高版本的JavaScript中可用。

类库、框架和工具的分别

类库、框架和工具之间的分别十分小。框架能够归纳一个类库,类库能够达成类似框架的法门,项目中其余一种工具都以少不了的。所以不必要分明的界别类库、框架和工具。

jQuery

jQuery

AngularJS 1.x

美高梅开户网址 3

AngularJS
类型 框架
网站 angularjs.org
知识库 github.com/angular/angular.js
当前版本 1.6.4
开发人员 Google
发布日期 2010年10月
大小 144KB
用途 单页应用程序
使用度

Angular是框架(或MVC应用程序框架)类列表中的第贰个。如今最风靡的Angular版本是1.x,它选用双向数据绑定扩展HTML,同时解耦了DOM操作和应用程序逻辑。
  就算版本2(以往是本子4!)已经透露了,不过Angular 1.x仍在支付中。
优点:

  • 部分大公司正在使用的盛行框架
  • 支付现代Web应用程序的化解方案
  • 是行业内部MEAN栈(MongoDB,Express.JS,AngularJS,NodeJS)的一局部,有很多篇章和科目可用

缺点:

  • 学学曲线陡峭
  • 大的代码库
  • 不大概晋升到Angular 2.x

Angular
2.x(现在是Angular
4.x)

美高梅开户网址 4

Angular
类型 框架
网站 angular.io
知识库 github.com/angular/angular.js
当前版本 4.1
开发人员 Google
发布日期 2016年9月
大小 最小450kb
用途 单页面应用
使用度

Angular
2.0于2016年一月颁发。那是三个完完全全的重写,它引入了选用TypeScript创制的基于模块化组件的模子。Angular
4.0于前年二月表露。
  Angular 2.x与v1版本截然不一致,也不与别的版本包容 –
或然谷歌应该给项目起多个不一的名字!
优点:

  • 开发现代Web应用程序的消除方案
  • 是规范MEAN栈的一部分,就算唯有为数不多的教程可用
  • 对此熟习静态类型语言(如C#和Java)的开发人士,TypeScript提供了部分优势。

缺点:

  • 读书曲线陡峭
  • 大的代码库
  • 不能从Angular 1.x升级
  • 与1.x对待,Angular 2.x较难通晓

JavaScript框架和类库

以下是依照流行水平进行的排序:

美高梅开户网址 5

jQuery
类型 类库
网站 jquery.com
知识库 github.com/jquery/jquery
当前版本 3.2.1
开发人员 jQuery团队
发布日期 2006年8月
大小 最小30kb
用途 通用
使用度 72.4%的网站

乘势WordPress、ASP.NET和一部分其他框架的宣布,jQuery依旧是最常用的JavaScript类库。它通过将CSS选取器引入到DOM节点检索加链来选择事件处理程序、动画和Ajax调用,那彻底改变了客户端的付出。

jQuery近年来备受重视,对于要求少量JavaScript效率的门类以来,依然是二个好采纳。

优点:

  • 分布范围小
  • 读书曲线平缓,丰盛的在线帮忙
  • 简单的语法
  • 工具大比拼,二零一七年前端框架。简单开展

缺点:

  • 日增了原生API的进程费用
  • 浏览器包容性不佳,但已得到勘误
  • 用法扁平
  • 某个行当反对利用

美高梅开户网址 6

jQuery  
类型 类库
网站 jquery.com
知识库 github.com/jquery/jquery
当前版本 3.2.1
开发人员 jQuery团队
发布日期 2006年8月
大小 最小30kb
用途 通用
使用度 72.4%的网站

乘机WordPress、ASP.NET和有个别其余框架的揭发,jQuery依旧是最常用的JavaScript类库。它通过将CSS选拔器引入到DOM节点检索加链来选拔事件处理程序、动画和Ajax调用,那彻底改变了客户端的支付。

jQuery近期面临重视,对于必要少量JavaScript功用的项目以来,照旧是三个好选拔。

优点:

  • 分布范围小

  • 上学曲线平缓,丰富的在线扶助

  • 简短的语法

  • 不难举办

缺点:

  • 日增了原生API的快慢花费

  • 浏览器包容性不佳,但已取得立异

  • 用法扁平

  • 有的行当反对动用

React

美高梅开户网址 7

React
类型 框架
网站 facebook.github.io/react/
知识库 github.com/facebook/react
当前版本 15.5.4
开发人员 Facebook和贡献者
发布日期 2013年3月
大小 最小21kb
用途 单页应用程序
使用度

React是一个用以创设用户界面包车型地铁JavaScript类库,也是二〇一八年最受关怀的类库。它小心于Model-View-Controller(MVC)开发的“View”部分,使用它能够轻松成立保留状态的UI组件。它是促成虚拟DOM的首要接纳类库之一,
它的内存结构能够有效地一个钱打二十四个结差别,页面更新也越发实用。
  总结显示React的使成本就像很低,因为它是在应用程序中应用而不是在网站。
优点:

  • 娇小,高效,快捷灵活
  • 简易的组件模型
  • 美妙的文书档案和在线能源
  • 可实现服务器端渲染
  • 日前受欢迎,经历了飞快拉长

缺点:

  • 须要学习新的定义和语法
  • 塑造筑工程具很重庆大学
  • 内需其他类库或框架提供model和Controller部分
  • 与修改DOM的代码和其它类库不合营

打探愈来愈多关于React the ES6
Way

jQuery

Lodash 和 Underscore

Lodash 和 Underscore

Vue.js

美高梅开户网址 8

Vue.js
类型 框架
网站 vuejs.org
知识库 github.com/vuejs/vue
当前版本 2.0
开发人员 Evan You
发布日期 2014年2月
大小 最小19kb
用途 单页面应用
使用度

Vue.js是八个用于创设用户界面的轻量级渐进框架。它提供了八个类似React的虚构DOM驱动视图层,能够与此外类库集成,用于营造强大的单页面应用。该框架是由事先在AngularJS工作过的EvanYou制造的,他领取了AngularJS中协调喜爱的有个别。
  Vue.js使用HTML模板语法将DOM绑定到实例数据。Model是在多少变动时更新view的纯JavaScript对象。
优点:

  • 能够快速利用,并且日益推广
  • 很容易升高高水准开发职员的满足度
  • 重视小,性能好

缺点:

  • 二个较新的类型 – 风险或然会更大
  • 局地注重开发人员进行立异
  • 对待于其余框架,能源较少

美高梅开户网址 9

jQuery  
类型 类库
网站 jquery.com
知识库 github.com/jquery/jquery
当前版本 3.2.1
开发人员 jQuery团队
发布日期 2006年8月
大小 最小30kb
用途 通用
使用度 72.4%的网站

乘胜WordPress、ASP.NET和局地别样框架的揭露,jQuery如故是最常用的JavaScript类库。它通过将CSS选用器引入到DOM节点检索加链来行使事件处理程序、动画和Ajax调用,那彻底改变了客户端的开发。

jQuery近期备受推崇,对于急需少量JavaScript功效的品种来说,如故是二个好选取。

优点:

  • 遍布范围小

  • 读书曲线平缓,丰裕的在线援助

  • 简洁的语法

  • 简单进行

缺点:

  • 日增了原生API的快慢费用

  • 浏览器包容性不佳,但已收获考订

  • 用法扁平

  • 有的行当反对动用

美高梅开户网址 10

Lodash
类型 类库
网站 lodash.com/
知识库 github.com/lodash/lodash/
当前版本 4.17.4
开发人员 John-David Dalton
发布日期 2012年4月
大小 最小4kb – 24kb
用途 通用
使用度
Underscore
类型 类库
网站 underscorejs.org/
知识库 github.com/jashkenas/underscore
当前版本 1.8.3
开发人员 Jeremy Ashkenas
发布日期 2009年10月
大小 最小6kb
用途 通用
使用度

Lodash和Underscore在本节一起研讨。它们提供了数百个效率性的JavaScript实用程序来补偿原生字符串、数字、数组和其他原始对象方法。就算多个类库之间有一对交汇,但是不太大概在八个品类中并且选取那多个类库。

固然如此七个类库在客户端使用率很低,可是却能够在服务器端的Node.js应用程序中应用这四个类库。

优点:

  • 小而简单
  • 精粹的文书档案易于学习
  • 与大多数类库和框架包容
  • 不增添内置对象
  • 能够在客户端或服务器上运用

缺点:

  • 有个别措施只在ES贰零壹伍及更高版本的JavaScript中可用。

美高梅开户网址 11

Lodash  
类型 类库
网站 lodash.com/
知识库 github.com/lodash/lodash/
当前版本 4.17.4
开发人员 John-David Dalton
发布日期 2012年4月
大小 最小4kb – 24kb
用途 通用
使用度
Underscore  
类型 类库
网站 underscorejs.org/
知识库 github.com/jashkenas/underscore
当前版本 1.8.3
开发人员 Jeremy Ashkenas
发布日期 2009年10月
大小 最小6kb
用途 通用
使用度

Lodash和Underscore在本节一起谈谈。它们提供了数百个成效性的JavaScript实用程序来补偿原生字符串、数字、数组和其余原始对象方法。尽管五个类库之间有局地重叠,可是不太或然在多少个品种中同时选取这些类库。

就算如此七个类库在客户端使用率很低,然而却得以在服务器端的Node.js应用程序中运用那八个类库。

优点:

  • 小而精炼

  • 美妙的文书档案易于学习

  • 与大部分类库和框架包容

  • 不扩大内置对象

  • 能够在客户端或服务器上采纳

缺点:

  • 稍微措施只在ES2016及更高版本的JavaScript中可用。

Backbone.js

美高梅开户网址 12

Backbone
类型 框架
网站 backbonejs.org
知识库 github.com/jashkenas/backbone/
当前版本 1.3.3
开发人员 Jeremy Ashkenas
发布日期 2010年10月
大小 最小8kb
用途 单页面应用
使用度

Backbone.js是提供劳务器端框架西藏中国广播集团大的MVC结构的最早客户端选项之一。它唯一的重视是Underscore.js。
  Backbone.js声称是1个类库,因为它能够与其余种类并入,不过本身觉着大部分开发人士都觉着它是八个框架。
优点:

  • 体量小,重量轻,复杂度低
  • 不添加HTML逻辑
  • 文本丰富
  • 应用了众多施用,包涵Trello、WordPress.com、LinkedIn和Groupon

缺点:

  • 与AngularJS等其余框架比较,抽象度较低
  • 急需相当的零部件来得以实现数量绑定等职能
  • 新型的框架已经不使用MVC架构了

Lodash 和 Underscore

AngularJS 1.x

AngularJS 1.x

Ember.js

美高梅开户网址 13

Ember.js
类型 框架
网站 emberjs.com
知识库 github.com/emberjs/ember.js
当前版本 2.15.0
开发人员 Ember team
发布日期 2011年12月
大小 最小95kb
用途 单页面应用
使用度

Ember.js是基于Model-View-ViewModel(MVVM)情势的框架之一。它在单个包中完毕模板化、数据绑定和类库。
优点:

  • 为客户端应用程序提供了纯粹消除方案
  • 开发人士能够立即升高支付效能 – 它使用jQuery
  • 能够的向后包容性和升级选项
  • 接纳了现代Web开发规范

缺点:

  • 巨型分配式
  • 与别的正在向较小器件结构向上的框架相比较,它特其他极大
  • 学学曲线陡峭

美高梅开户网址 14

Lodash  
类型 类库
网站 lodash.com/
知识库 github.com/lodash/lodash/
当前版本 4.17.4
开发人员 John-David Dalton
发布日期 2012年4月
大小 最小4kb – 24kb
用途 通用
使用度
Underscore  
类型 类库
网站 underscorejs.org/
知识库 github.com/jashkenas/underscore
当前版本 1.8.3
开发人员 Jeremy Ashkenas
发布日期 2009年10月
大小 最小6kb
用途 通用
使用度

Lodash和Underscore在本节一起谈谈。它们提供了数百个功用性的JavaScript实用程序来补充原生字符串、数字、数组和其他原始对象方法。固然五个类库之间有一对重叠,可是不太恐怕在多个品种中还要选取那多少个类库。

固然四个类库在客户端使用率很低,可是却能够在劳动器端的Node.js应用程序中运用那七个类库。

优点:

  • 小而简易

  • 得天独厚的文书档案易于学习

  • 与多数类库和框架包容

  • 不扩充内置对象

  • 能够在客户端或服务器上行使

缺点:

  • 稍微措施只在ES二零一四及更高版本的JavaScript中可用。

美高梅开户网址 15

AngularJS
类型 框架
网站 angularjs.org
知识库 github.com/angular/angular.js
当前版本 1.6.4
开发人员 Google
发布日期 2010年10月
大小 144KB
用途 单页应用程序
使用度

Angular是框架(或MVC应用程序框架)类列表中的第③个。近期最流行的Angular版本是1.x,它采取双向数据绑定扩张HTML,同时解耦了DOM操作和应用程序逻辑。

即便版本2(未来是本子4!)已经昭示了,不过Angular 1.x仍在支付中。

优点:

  • 部分大公司正在使用的盛行框架
  • 支付现代Web应用程序的化解方案
  • 是标准MEAN栈(MongoDB,Express.JS,AngularJS,NodeJS)的一有的,有好多篇章和科目可用

缺点:

  • 学学曲线陡峭
  • 大的代码库
  • 不能够晋级到Angular 2.x

美高梅开户网址 16

AngularJS  
类型 框架
网站 angularjs.org
知识库 github.com/angular/angular.js
当前版本 1.6.4
开发人员 Google
发布日期 2010年10月
大小 144KB
用途 单页应用程序
使用度

Angular是框架(或MVC应用程序框架)类列表中的第三个。方今最盛行的Angular版本是1.x,它采纳双向数据绑定扩大HTML,同时解耦了DOM操作和应用程序逻辑。

就算版本2(未来是本子4!)已经发布了,然而Angular 1.x仍在开发中。

优点:

  • 一部分大公司正在接纳的流行框架

  • 付出现代Web应用程序的消除方案

  • 是规范MEAN栈(MongoDB,Express.JS,AngularJS,NodeJS)的一局地,有好多稿子和课程可用

缺点:

  • 学习曲线陡峭

  • 大的代码库

  • 没辙晋级到Angular 2.x

Knockout.js

美高梅开户网址 17

Knockout
类型 框架
网站 knockoutjs.com
知识库 github.com/knockout/knockout
当前版本 3.4.2
开发人员 Steve Sanderson
发布日期 2010年7月
大小 最小59kb
用途 单页面应用
使用度

Knockout.js是最早的MVVM框架之一,它确定保证了UI与底层数据保持同步,具有模板和凭借关系跟踪。
优点:

  • 小而方便,无依靠
  • 优异的浏览器帮衬,可以支撑到IE6
  • 美丽的文书档案能源

缺点:

  • 较大的品种大概变得很复杂
  • 前进已经款款
  • 运用景况就像在减弱

越多的框架和类库
  以下项目即便不是特意流行,但值得考虑:
Polymer –
能够跨浏览器接济HTML5网页组件的类库
Meteor –
一个用来Web应用程序的全栈平台
Aurelia –
一种周旋较新的,轻量级的跨平台框架
Svelte –
一个将框架源代码转换为干净JavaScript的新品类
Conditioner.js –
三个依据状态自动加载和卸载模块的类库

工具:执行通用职务
  创设筑工程具自动执行各类Web开发任务,例如预处理、编译、优化图像、减少代码、代码分析和平运动作测试等。任务能够在3个可实施包中联合管理。
  方今最受欢迎的工具如下:

AngularJS 1.x

Angular 2.x(现在是Angular 4.x)

Angular 2.x(现在是Angular 4.x)

Gulp.js

美高梅开户网址 18

Gulp.js
类型 框架
网站 gulpjs.com
知识库 github.com/gulpjs/gulp
当前版本 3.9.1
每月下载 300万

就算居尔p不是第二个职务执行工具,它却急忙成为了最受欢迎的。居尔p使用简单阅读的JavaScript代码,将源文件加载到流中,并在将数据输出到创设文件夹此前,通过种种插件管理数据。在任何此外选项从前检查居尔p.js是大致、急迅清劲风趣的。

美高梅开户网址 19

AngularJS  
类型 框架
网站 angularjs.org
知识库 github.com/angular/angular.js
当前版本 1.6.4
开发人员 Google
发布日期 2010年10月
大小 144KB
用途 单页应用程序
使用度

Angular是框架(或MVC应用程序框架)类列表中的第一个。如今最盛行的Angular版本是1.x,它利用双向数据绑定扩充HTML,同时解耦了DOM操作和应用程序逻辑。

即使版本2(今后是本子4!)已经公告了,然则Angular 1.x仍在开发中。

优点:

  • 一部分大商店正在利用的流行框架

  • 付现身代Web应用程序的消除方案

  • 是专业MEAN栈(MongoDB,Express.JS,AngularJS,NodeJS)的一有个别,有很多稿子和课程可用

缺点:

  • 学习曲线陡峭

  • 大的代码库

  • 没辙升级到Angular 2.x

美高梅开户网址 20

Angular
类型 框架
网站 angular.io
知识库 github.com/angular/angular.js
当前版本 4.1
开发人员 Google
发布日期 2016年9月
大小 最小450kb
用途 单页面应用
使用度

Angular
2.0于二零一四年七月宣布。这是二个完全的重写,它引入了选取TypeScript创造的依照模块化组件的模型。Angular
4.0于前年2月发布。

Angular 2.x与v1版本截然不一样,也不与其他版本兼容– 或者谷歌(Google)应该给品种起二个见仁见智的名字!

优点:

  • 支付现代Web应用程序的缓解方案
  • 是正式MEAN栈的一局部,即使只有为数不多的学科可用
  • 对于熟习静态类型语言(如C#和Java)的开发职员,TypeScript提供了有的优势。

缺点:

  • 读书曲线陡峭
  • 大的代码库
  • 不能从Angular 1.x升级
  • 与1.x对待,Angular 2.x较难明白

美高梅开户网址 21

Angular  
类型 框架
网站 angular.io
知识库 github.com/angular/angular.js
当前版本 4.1
开发人员 Google
发布日期 2016年9月
大小 最小450kb
用途 单页面应用
使用度

Angular
2.0于二〇一四年4月公告。那是二个整机的重写,它引入了运用TypeScript创建的依据模块化组件的模型。Angular
4.0于二〇一七年一月发布。

Angular 2.x与v1版本截然不一样,也不与其余版本包容– 大概谷歌(Google)应该给品种起三个不比的名字!

优点:

  • 付出现代Web应用程序的消除方案

  • 是正规MEAN栈的一局地,就算唯有为数不多的科目可用

  • 对于熟练静态类型语言(如C#和Java)的开发人士,TypeScript提供了一部分优势。

缺点:

  • 学学曲线陡峭

  • 大的代码库

  • 不能从Angular 1.x升级

  • 与1.x比照,Angular 2.x较难知晓

  • 读书进度中境遇什么难点要么想博得学习财富的话,欢迎到场学习交换群
    343599877,大家一同学前端!

NPM

美高梅开户网址 22

NPM
类型 框架
网站 npmjs.com
知识库 github.com/npm/npm
当前版本 4.5.0
每月下载 300万

npm是Node.js包管理器,但其脚本工具可用以运维通用任务。对于拥有少量依靠关系的简易项目以来,那是3个很好的选料。然则,更复杂的职分或者会变得不太适用。

Angular 2.x(现在是Angular 4.x)

React

美高梅开户网址 23

React
类型 框架
网站 facebook.github.io/react/
知识库 github.com/facebook/react
当前版本 15.5.4
开发人员 Facebook和贡献者
发布日期 2013年3月
大小 21kb分钟
用途 单页应用程序
使用度

React是二个用以创设用户界面包车型客车JavaScript类库,也是二〇一八年最受关切的类库。它小心于Model-View-Controller(MVC)开发的“View”部分,使用它能够轻松创制保留状态的UI组件。它是促成虚拟DOM的首要选取类库之一, 它的内部存款和储蓄器结构能够有效地一个钱打二1多个结差距,页面更新也越加实用。

总结突显React的使开支就好像很低,因为它是在应用程序中选用而不是在网站。

优点:

  • 独具匠心,高效,火速灵活
  • 大致的机件模型
  • 大好的文书档案和在线能源
  • 可完成劳务器端渲染
  • 现阶段受欢迎,经历了连忙拉长

缺点:

  • 亟待上学新的概念和语法
  • 创设筑工程具很主要
  • 急需任何类库或框架提供model和Controller部分
  • 与修改DOM的代码和其余类库差异盟

问询越来越多关于React the ES6
Way

React

美高梅开户网址 24

React  
类型 框架
网站 facebook.github.io/react/
知识库 github.com/facebook/react
当前版本 15.5.4
开发人员 Facebook和贡献者
发布日期 2013年3月
大小 21kb分钟
用途 单页应用程序
使用度

React是三个用以创设用户界面包车型地铁JavaScript类库,也是2018年最受关怀的类库。它小心于Model-View-Controller(MVC)开发的“View”部分,使用它能够轻松创立保留状态的UI组件。它是落成虚拟DOM的首要选择类库之一, 它的内部存储器结构能够有效地持筹握算差别,页面更新也越来越实用。

总括展现React的使开销就像很低,因为它是在应用程序中选用而不是在网站。

优点:

  • 娇小,高效,飞快灵活

  • 简易的机件模型

  • 可观的文书档案和在线财富

  • 可完结劳务器端渲染

  • 现阶段受欢迎,经历了飞快增进

缺点:

  • 内需上学新的定义和语法

  • 营造工具很要紧

  • 亟待任何类库或框架提供model和Controller部分

  • 与修改DOM的代码和其余类库不合作

刺探越多关于React the ES6 Way

Grunt

美高梅开户网址 25

Grunt
类型 框架
网站 gruntjs.com
知识库 github.com/gruntjs/grunt
当前版本 1.0.1
每月下载 200万

Grunt是第3批被周边利用的JavaScript职责执行工具之一,但其速度和错综复杂的JSON配置却促成了居尔p的勃兴。今后那几个难点一度收获了解决,Grunt照旧是1个受欢迎的挑选。
工具:模块绑定
  三个JavaScript文件的田管已经变成了一件繁琐的事体。暗中同意意况下,浏览器文件不会被编写翻译,由此其借助关系必须以方便的各种举办加载或接二连三。纵然有像ES6模块和CommonJS那样的选项,不过浏览器帮忙是个其余,因此模块绑定变得不得了重点。

美高梅开户网址 26

Angular  
类型 框架
网站 angular.io
知识库 github.com/angular/angular.js
当前版本 4.1
开发人员 Google
发布日期 2016年9月
大小 最小450kb
用途 单页面应用
使用度

Angular
2.0于二零一五年11月公布。那是三个整机的重写,它引入了选拔TypeScript成立的根据模块化组件的模子。Angular
4.0于前年5月宣布。

Angular 2.x与v1版本截然区别,也不与其他版本兼容– 大概谷歌应该给品种起1个不比的名字!

优点:

  • 支现身代Web应用程序的化解方案

  • 是标准MEAN栈的一局地,就算唯有为数不多的科目可用

  • 对于熟练静态类型语言(如C#和Java)的开发人士,TypeScript提供了一部分优势。

缺点:

  • 学学曲线陡峭

  • 大的代码库

  • 不能从Angular 1.x升级

  • 与1.x相比较,Angular 2.x较难知晓

  • 读书进程中遭遇哪些难题照旧想博得学习能源的话,欢迎到场学习调换群
    343599877,大家一并学前端!

Vue.js

Vue.js

WebPack

美高梅开户网址 27

WebPack
网站 webpack.js.org
知识库 github.com/webpack/webpack
当前版本 2.5.1
每月下载 600万

Webpack支持具有流行的模块选项,并已化作React开发的代名词。就算Webpack声称是八个模块捆绑程序,然而曾经得以看成通用使时局转程序了。

React

美高梅开户网址 28

React  
类型 框架
网站 facebook.github.io/react/
知识库 github.com/facebook/react
当前版本 15.5.4
开发人员 Facebook和贡献者
发布日期 2013年3月
大小 21kb分钟
用途 单页应用程序
使用度

React是一个用来营造用户界面包车型客车JavaScript类库,也是2018年最受关心的类库。它小心于Model-View-Controller(MVC)开发的“View”部分,使用它能够轻松创立保留状态的UI组件。它是兑现虚拟DOM的首要选择类库之一, 它的内部存款和储蓄器结构能够使得地总计差别,页面更新也进一步使得。

总结展现React的使成本就像很低,因为它是在应用程序中运用而不是在网站。

优点:

  • 精美,高效,火速灵活

  • 简易的机件模型

  • 优质的文书档案和在线能源

  • 可完毕服务器端渲染

  • 目前受欢迎,经历了快捷拉长

缺点:

  • 必要学习新的定义和语法

  • 创设筑工程具很重庆大学

  • 内需此外类库或框架提供model和Controller部分

  • 与修改DOM的代码和其他类库不包容

打探越来越多关于React the ES6 Way

美高梅开户网址 29

Vue.js
类型 框架
网站 vuejs.org
知识库 github.com/vuejs/vue
当前版本 2.0
开发人员 Evan You
发布日期 2014年2月
大小 最小19kb
用途 单页面应用
使用度

Vue.js是三个用来营造用户界面包车型大巴轻量级渐进框架。它提供了五个好像React的虚构DOM驱动视图层,能够与其余类库集成,用于塑造强大的单页面应用。该框架是由事先在AngularJS工作过的EvanYou创造的,他领到了AngularJS中本身喜欢的有的。

Vue.js使用HTML模板语法将DOM绑定到实例数据。Model是在多少变动时更新view的纯JavaScript对象。

优点:

  • 能够快速利用,并且日益推广
  • 很不难升高高品位开发人士的满足度
  • 依傍小,质量好

缺点:

  • 2个较新的连串 – 风险恐怕会更大
  • 一部分信赖开发人士举行革新
  • 对照于其他框架,财富较少

美高梅开户网址 30

Vue.js  
类型 框架
网站 vuejs.org
知识库 github.com/vuejs/vue
当前版本 2.0
开发人员 Evan You
发布日期 2014年2月
大小 最小19kb
用途 单页面应用
使用度

Vue.js是2个用于营造用户界面包车型地铁轻量级渐进框架。它提供了1个看似React的虚拟DOM驱动视图层,能够与任何类库集成,用于塑造强大的单页面应用。该框架是由事先在AngularJS工作过的埃文You成立的,他领取了AngularJS中温馨喜好的一些。

Vue.js使用HTML模板语法将DOM绑定到实例数据。Model是在数额变动时更新view的纯JavaScript对象。

优点:

  • 能够便捷利用,并且日益推广

  • 很不难提高高品位开发职员的满足度

  • 借助于小,质量好

缺点:

  • 二个较新的体系 – 危害可能会更大

  • 一对信赖开发人员举办翻新

  • 比较于其余框架,资源较少

Browserify

美高梅开户网址 31

Browserify
网站 browserify.org
知识库 github.com/substack/node-browserify
当前版本 14.3.0
每月下载 260万

Browserify接济Node.js正在使用的CommonJS模块,它将富有模块编写翻译成单个浏览器包容的文本。

Vue.js

Backbone.js

美高梅开户网址 32

Backbone.js  
类型 框架
网站 backbonejs.org
知识库 github.com/jashkenas/backbone/
当前版本 1.3.3
开发人员 Jeremy Ashkenas
发布日期 2010年10月
大小 最小8kb
用途 单页面应用
使用度

Backbone.js是提供服务器端框架广西中国广播集团大的MVC结构的最早客户端选项之一。它唯一的依靠是Underscore.js。

Backbone.js声称是3个类库,因为它能够与任何项目并入,可是自身觉着大部分开发职员都认为它是3个框架。

优点:

  • 容量小,重量轻,复杂度低
  • 不添加HTML逻辑
  • 文件丰裕
  • 动用了重重用到,包含Trello、WordPress.com、LinkedIn和Groupon

缺点:

  • 与AngularJS等任何框架比较,抽象度较低
  • 亟需11分的零部件来兑现数据绑定等功效
  • 新式的框架已经不行使MVC架构了

Backbone.js

美高梅开户网址 33

Backbone.js  
类型 框架
网站 backbonejs.org
知识库 github.com/jashkenas/backbone/
当前版本 1.3.3
开发人员 Jeremy Ashkenas
发布日期 2010年10月
大小 最小8kb
用途 单页面应用
使用度

Backbone.js是提供服务器端框架黑龙江中国广播公司大的MVC结构的最早客户端选项之一。它唯一的借助是Underscore.js。

Backbone.js声称是三个类库,因为它能够与其他门类并入,但是本身觉着大多数开发人士都认为它是三个框架。

优点:

  • 体量小,重量轻,复杂度低

  • 不添加HTML逻辑

  • 文件充分

  • 动用了众多运用,包含Trello、WordPress.com、LinkedIn和Groupon

缺点:

  • 与AngularJS等其它框架相比较,抽象度较低

  • 要求格外的机件来兑现数据绑定等成效

  • 摩登的框架已经不行使MVC架构了

RequireJS

美高梅开户网址 34

RequireJS
网站 requirejs.org
知识库 github.com/jrburke/r.js
当前版本 2.3.3
每月下载 百万

RequireJS是一种浏览器中的模块加载器,它也足以在Node.js中利用。
工具:代码分析
  代码分析工具用于分析代码中潜在错误或离开语法的正儿八经。二个未闭合括号或未注明的变量一定会被检测出。

美高梅开户网址 35

Vue.js  
类型 框架
网站 vuejs.org
知识库 github.com/vuejs/vue
当前版本 2.0
开发人员 Evan You
发布日期 2014年2月
大小 最小19kb
用途 单页面应用
使用度

Vue.js是八个用以构建用户界面包车型客车轻量级渐进框架。它提供了多个像样React的虚构DOM驱动视图层,能够与其余类库集成,用于创设强大的单页面应用。该框架是由事先在AngularJS工作过的EvanYou创设的,他领取了AngularJS中自个儿喜爱的局地。

Vue.js使用HTML模板语法将DOM绑定到实例数据。Model是在数据变动时更新view的纯JavaScript对象。

优点:

  • 能够长足利用,并且日益推广

  • 很简单提升高品位开发职员的满意度

  • 依傍小,质量好

缺点:

  • 1个较新的门类 – 危害或许会更大

  • 一些信赖开发职员进行更新

  • 对待于任何框架,财富较少

Ember.js

Ember.js

ESLint

美高梅开户网址 36

ESLint
网站 eslint.org
知识库 github.com/eslint/eslint
当前版本 3.19.0
每月下载 600万

ESLint是一种可插拔的代码分析工具。每一种规则都以一个插件,因而可以依照个体喜好举行布局。

Backbone.js

美高梅开户网址 37

Backbone.js  
类型 框架
网站 backbonejs.org
知识库 github.com/jashkenas/backbone/
当前版本 1.3.3
开发人员 Jeremy Ashkenas
发布日期 2010年10月
大小 最小8kb
用途 单页面应用
使用度

Backbone.js是提供服务器端框架中常见的MVC结构的最早客户端选项之一。它唯一的借助是Underscore.js。

Backbone.js声称是3个类库,因为它能够与其他类型并入,可是小编以为大多数开发职员都是为它是1个框架。

优点:

  • 体积小,重量轻,复杂度低

  • 不添加HTML逻辑

  • 文本丰盛

  • 选拔了很多利用,包罗Trello、WordPress.com、LinkedIn和Groupon

缺点:

  • 与AngularJS等其余框架比较,抽象度较低

  • 内需额外的零件来完成数据绑定等作用

  • 新型的框架已经不利用MVC架构了

美高梅开户网址 38

Ember.js
类型 框架
网站 emberjs.com
知识库 github.com/emberjs/ember.js
当前版本 2.15.0
开发人员 Ember team
发布日期 2011年12月
大小 最小95kb
用途 单页面应用
使用度

Ember.js是基于Model-View-ViewModel(MVVM)形式的框架之一。它在单个包中完成模板化、数据绑定和类库。

优点:

  • 为客户端应用程序提供了单纯解决方案
  • 开发人士能够立刻升高开支作用 – 它采纳jQuery
  • 赏心悦目的向后包容性和升迁选项
  • 利用了现代Web开发规范

缺点:

  • 大型分配式
  • 与其余正在向较小组件结构向上的框架相比较,它那多少个的特大
  • 读书曲线陡峭

美高梅开户网址 39

Ember.js  
类型 框架
网站 emberjs.com
知识库 github.com/emberjs/ember.js
当前版本 2.15.0
开发人员 Ember team
发布日期 2011年12月
大小 最小95kb
用途 单页面应用
使用度

Ember.js是依照Model-View-ViewModel(MVVM)形式的框架之一。它在单个包中达成模板化、数据绑定和类库。

优点:

  • 为客户端应用程序提供了单纯消除方案

  • 开发职员能够立即升高费用效用 – 它采用jQuery

  • 美丽的向后包容性和晋升选项

  • 动用了现代Web开发规范

缺点:

  • 大型分配式

  • 与别的正在向较小组件结构向上的框架比较,它可怜的大幅

  • 读书曲线陡峭

JSHint

美高梅开户网址 40

JSHint
网站 jshint.com
知识库 github.com/jshint/jshint
当前版本 2.9.4
每月下载 200万

JSHint是七个灵活的JavaScript代码分析工具,它很好的平衡了着实的一无可取和老旧的语法。

Ember.js

Knockout.js

美高梅开户网址 41

Knockout.js  
类型 框架
网站 knockoutjs.com
知识库 github.com/knockout/knockout
当前版本 3.4.2
开发人员 Steve Sanderson
发布日期 2010年7月
大小 最小59kb
用途 单页面应用
使用度

Knockout.js是最早的MVVM框架之一,它确认保证了UI与底层数据保持同步,具有模板和凭借关系跟踪。

优点:

  • 小而方便,无依靠
  • 美好的浏览器援助,能够支撑到IE6
  • 美妙的文书档案能源

缺点:

  • 较大的花色恐怕变得很复杂
  • 进步已经款款
  • 选择状态就好像在弱化

Knockout.js

美高梅开户网址 42

Knockout.js  
类型 框架
网站 knockoutjs.com
知识库 github.com/knockout/knockout
当前版本 3.4.2
开发人员 Steve Sanderson
发布日期 2010年7月
大小 最小59kb
用途 单页面应用
使用度

Knockout.js是最早的MVVM框架之一,它确认保障了UI与底层数据保持同步,具有模板和注重关系跟踪。

优点:

  • 小而便利,无依靠

  • 赏心悦目的浏览器援救,能够帮助到IE6

  • 美丽的文书档案资源

缺点:

  • 较大的品种或然变得很复杂

  • 发展已经款款

  • 运用景况就像在弱化

JSLint

美高梅开户网址 43

JSLint
网站 jslint.com
知识库 github.com/reid/node-jslint
当前版本 0.10.3
每月下载 50000

JSLint是最早的代码分析工具之一,它实现了一套严谨的暗许规则。
工具:单元测试
  测试驱动开发的天职须求须求编写制定代码来测试本身的代码。近年来有无数增选,包涵Ava,
Tape
和Jest
,但日前最风靡的八个工具是:

美高梅开户网址 44

Ember.js  
类型 框架
网站 emberjs.com
知识库 github.com/emberjs/ember.js
当前版本 2.15.0
开发人员 Ember team
发布日期 2011年12月
大小 最小95kb
用途 单页面应用
使用度

Ember.js是基于Model-View-ViewModel(MVVM)情势的框架之一。它在单个包中完毕模板化、数据绑定和类库。

优点:

  • 为客户端应用程序提供了十足消除方案

  • 开发人士能够立时升高支付作用 – 它应用jQuery

  • 不错的向后包容性和升高选项

  • 选取了当代Web开发规范

缺点:

  • 巨型分配式

  • 与任何正在向较小器件结构向上的框架比较,它格外的庞大

  • 上学曲线陡峭

更加多的框架和类库

以下类别就算不是尤其流行,但值得考虑:

  • Polymer –
    能够跨浏览器支持HTML5网页组件的类库
  • Meteor – 贰个用于Web应用程序的全栈平台
  • Aurelia  – 一种相对较新的,轻量级的跨平台框架
  • Svelte –
    1个将框架源代码转换为干净JavaScript的新类型
  • Conditioner.js  –
    2个依据状态自动加载和卸载模块的类库

越多的框架和类库

以下类别即便不是专程流行,但值得考虑:

  • Polymer – 能够跨浏览器协助HTML5网页组件的类库

  • Meteor – 1个用于Web应用程序的全栈平台

  • Aurelia  – 一种相对较新的,轻量级的跨平台框架

  • Svelte – 三个将框架源代码转换为干净JavaScript的新类型

  • Conditioner.js  – 三个依据状态自动加载和卸载模块的类库

Mocha

美高梅开户网址 45

Mocha
网站 mochajs.org
知识库 github.com/mochajs/mocha
当前版本 3.3.0
每月下载 500万

Mocha是一个JavaScript测试框架,能够在Node.js或浏览器中运转测试。它支持异步测试,并且不时与Chai匹配使用,那样能够使测试代码以可读取的章程表明。

Knockout.js

美高梅开户网址 46

Knockout.js  
类型 框架
网站 knockoutjs.com
知识库 github.com/knockout/knockout
当前版本 3.4.2
开发人员 Steve Sanderson
发布日期 2010年7月
大小 最小59kb
用途 单页面应用
使用度

Knockout.js是最早的MVVM框架之一,它确认保障了UI与底层数据保持同步,具有模板和正视关系跟踪。

优点:

  • 小而方便,无依靠

  • 可观的浏览器协理,能够帮助到IE6

  • 十全十美的文书档案能源

缺点:

  • 较大的品类大概变得很复杂

  • 提升已经缓慢

  • 采取情形就像在减少

工具:执行通用任务

创设筑工程具自动执行种种Web开发职分,例如预处理、编写翻译、优化图像、收缩代码、代码分析和周转测试等。职务能够在三个可进行李包裹中集合保管。

近日最受欢迎的工具如下:

工具:执行通用职责

构建筑工程具自动执行各类Web开发任务,例如预处理、编译、优化图像、缩短代码、代码分析和平运动作测试等。职分能够在贰个可实施包中集合保管。

当前最受欢迎的工具如下:

Jasmine

美高梅开户网址 47

Jasmine
网站 jasmine.github.io
知识库 github.com/jasmine/jasmine-npm
当前版本 2.6.0
每月下载 200万

Jasmine是五个作为使得的测试工具,能够在浏览器中活动测试UI和相互。

更加多的框架和类库

以下体系就算不是特意流行,但值得考虑:

  • Polymer – 能够跨浏览器帮忙HTML5网页组件的类库

  • Meteor – 贰个用于Web应用程序的全栈平台

  • Aurelia  – 一种对峙较新的,轻量级的跨平台框架

  • Svelte – 贰个将框架源代码转换为干净JavaScript的新类型

  • Conditioner.js  – 2个基于状态自动加载和卸载模块的类库

Gulp.js

美高梅开户网址 48

Gulp.js
网站 gulpjs.com
知识库 github.com/gulpjs/gulp
当前版本 3.9.1
每月下载 300万

即便居尔p不是率先个职责履行工具,它却急迅变成了最受欢迎的。居尔p使用不难阅读的JavaScript代码,将源文件加载到流中,并在将数据输出到创设文件夹从前,通过种种插件管理数据。在其余其余选项在此以前检查居尔p.js是差不离、急忙和风趣的。

Gulp.js

美高梅开户网址 49

Gulp.js  
网站 gulpjs.com
知识库 github.com/gulpjs/gulp
当前版本 3.9.1
每月下载 300万

即便如此Gulp不是首先个职责履行工具,它却一点也不慢变成了最受欢迎的。居尔p使用不难阅读的JavaScript代码,将源文件加载到流中,并在将数据输出到营造文件夹此前,通过各类插件管理数据。在其余其它选项此前检查居尔p.js是简单、快捷微风趣的。

QUnit

美高梅开户网址 50

QUnit
网站 https://qunitjs.com/
知识库 github.com/kof/node-qunit
当前版本 1.0.0
每月下载 25000

QUnit是3个单元测试框架,能够在输入特定参数时,检查函数结果。它还反映测试结果,确定保证没有错过特定的代码分支。
总括与建议
  近期最好流程的框架是React,同时其余的框架也在向着流行的方向发展。
  假设急需四个平安的、通用的Web应用程序,能够设想使用Vue.js。
  全部框架已经不复受欢迎了,借使你须求对二个较大型项目进行严苛的构造管理,AngularJS是三个不利的取舍。近期当先百分之三十三人坚称利用Angular
1.0版本,然则长时间来讲,假使您愿意上学TypeScript,Angular
4.x版本是个更好的选料。
  jQuery虽说现在并不丰硕盛行,在技巧情报中也很少会被提到,但不可不可以认它是积极开发的,同时也是网站和应用程序的兵不血刃工具。jQuery具有中和的求学曲线,满世界许多开发人士能够很好地知道。
  假若您想要冒险,能够试行美高梅开户网址,Svelte那是三个有意思的客户端/服务器框架,它能够在营造时事先显示JavaScript,并且能够转移大家开发的点子。
  工具的抉择因项目而异。即使日前采纳Gulp的开发者占半数以上,但WebPack却愈发受欢迎。同时您也无法错过ESLint和Mocha等测试工具。
  过去的十年,JavaScript经历了开拓性的开拓进取。过去只有为数不多着力的类库能够选拔,可是今后可供选用的类库已经密密麻麻。或然不或许显明哪些类库、框架和工具是最好的,可是最适合本人项指标,正是最好的。

假定本文错过了你最开心的JavaScript类库,框架或工具?欢迎在文末评论。

原稿链接:https://www.sitepoint.com/top-javascript-frameworks-libraries-tools-use/
转发来源于:葡萄城控件

工具:执行通用义务

塑造工具自动执行各个Web开发职务,例如预处理、编写翻译、优化图像、减少代码、代码分析和平运动作测试等。任务能够在2个可实施包中联合管理。

此时此刻最受欢迎的工具如下:

NPM

NPM

Gulp.js

美高梅开户网址 51

Gulp.js  
网站 gulpjs.com
知识库 github.com/gulpjs/gulp
当前版本 3.9.1
每月下载 300万

就算如此居尔p不是率先个任务履行工具,它却十分的快变成了最受欢迎的。居尔p使用简单阅读的JavaScript代码,将源文件加载到流中,并在将数据输出到构建文件夹从前,通过各个插件管理数据。在其余其余选项在此之前检查居尔p.js是大约、神速和幽默的。

美高梅开户网址 52

NPM
网站 npmjs.com
知识库 github.com/npm/npm
当前版本 4.5.0
每月下载 300万

npm是Node.js包管理器,但其脚本工具可用于运作通用职分。对于具有少量依靠关系的简便项目以来,那是2个很好的抉择。不过,更复杂的天职恐怕会变得不太适用。

美高梅开户网址 53

NPM  
网站 npmjs.com
知识库 github.com/npm/npm
当前版本 4.5.0
每月下载 300万

npm是Node.js包管理器,但其脚本工具可用来周转通用职责。对于有着少量借助关系的简便项目来说,那是三个很好的选用。然则,更复杂的任务只怕会变得不太适用。

NPM

Grunt

Grunt

美高梅开户网址 54

NPM  
网站 npmjs.com
知识库 github.com/npm/npm
当前版本 4.5.0
每月下载 300万

npm是Node.js包管理器,但其脚本工具可用于周转通用职分。对于有所少量依靠关系的简便项目以来,那是三个很好的取舍。但是,更复杂的职务大概会变得不太适用。

美高梅开户网址 55

Grunt
网站 gruntjs.com
知识库 github.com/gruntjs/grunt
当前版本 1.0.1
每月下载 200万

Grunt是首先批被广泛利用的JavaScript任务执行工具之一,但其速度和复杂性的JSON配置却造成了居尔p的兴起。将来这么些题材已经获取了化解,Grunt如故是2个受欢迎的选料。

美高梅开户网址 56

Grunt  
网站 gruntjs.com
知识库 github.com/gruntjs/grunt
当前版本 1.0.1
每月下载 200万

Grunt是率先批被大规模使用的JavaScript职分执行工具之一,但其速度和复杂的JSON配置却招致了居尔p的起来。未来那几个标题早已得到了缓解,Grunt照旧是二个受欢迎的挑选。

Grunt

工具:模块绑定

多少个JavaScript文件的管理已经济体改成了一件繁琐的业务。暗许处境下,浏览器文件不会被编写翻译,由此其借助关系必须以适度的一一进行加载或三番五次。即便有像ES6模块和CommonJS那样的选项,不过浏览器帮助是零星的,因而模块绑定变得这个第③。

工具:模块绑定

三个JavaScript文件的田管已经化为了一件繁琐的事体。暗中同意情形下,浏览器文件不会被编译,因而其借助关系必须以适合的种种实行加载或一连。就算有像ES6模块和CommonJS那样的选项,可是浏览器帮衬是个其他,由此模块绑定变得可怜第③。

美高梅开户网址 57

Grunt  
网站 gruntjs.com
知识库 github.com/gruntjs/grunt
当前版本 1.0.1
每月下载 200万

Grunt是首先批被周边利用的JavaScript职责履行工具之一,但其速度和错综复杂的JSON配置却招致了居尔p的勃兴。未来那么些题材早就取得了化解,Grunt依旧是3个受欢迎的选用。

WebPack

美高梅开户网址 58

WebPack
网站 webpack.js.org
知识库 github.com/webpack/webpack
当前版本 2.5.1
每月下载 600万

Webpack协理具备流行的模块选项,并已成为React开发的代名词。即便Webpack声称是三个模块捆绑程序,可是已经足以作为通用使时局维程序了。

WebPack

美高梅开户网址 59

WebPack  
网站 webpack.js.org
知识库 github.com/webpack/webpack
当前版本 2.5.1
每月下载 600万

Webpack协理具有流行的模块选项,并已变为React开发的代名词。固然Webpack声称是多少个模块捆绑程序,然则曾经能够作为通用义务局营程序了。

工具:模块绑定

两个JavaScript文件的管制已经变成了一件繁琐的事务。默许情形下,浏览器文件不会被编写翻译,因而其借助关系必须以适合的逐条实行加载或一而再。纵然有像ES6模块和CommonJS那样的选项,可是浏览器支持是零星的,由此模块绑定变得老大首要。

Browserify

Browserify

WebPack

美高梅开户网址 60

WebPack  
网站 webpack.js.org
知识库 github.com/webpack/webpack
当前版本 2.5.1
每月下载 600万

Webpack援救具有流行的模块选项,并已变为React开发的代名词。即使Webpack声称是一个模块捆绑程序,可是曾经能够当作通用职分运转程序了。

美高梅开户网址 61

Browserify
网站 browserify.org
知识库 github.com/substack/node-browserify
当前版本 14.3.0
每月下载 260万

Browserify协助Node.js正在采纳的CommonJS模块,它将有着模块编写翻译成单个浏览器包容的公文。

美高梅开户网址 62

Browserify  
网站 browserify.org
知识库 github.com/substack/node-browserify
当前版本 14.3.0
每月下载 260万

Browserify援救Node.js正在利用的CommonJS模块,它将全数模块编写翻译成单个浏览器包容的文件。

Browserify

RequireJS

RequireJS

美高梅开户网址 63

Browserify  
网站 browserify.org
知识库 github.com/substack/node-browserify
当前版本 14.3.0
每月下载 260万

Browserify协理Node.js正在选拔的CommonJS模块,它将具备模块编写翻译成单个浏览器包容的文件。

美高梅开户网址 64

RequireJS  
网站 requirejs.org
知识库 github.com/jrburke/r.js
当前版本 2.3.3
每月下载 百万

RequireJS是一种浏览器中的模块加载器,它也能够在Node.js中运用。

美高梅开户网址 65

RequireJS  
网站 requirejs.org
知识库 github.com/jrburke/r.js
当前版本 2.3.3
每月下载 百万

RequireJS是一种浏览器中的模块加载器,它也得以在Node.js中选取。

RequireJS

工具:代码分析

代码分析工具用于分析代码中潜在错误或离开语法的正儿八经。二个未闭合括号或未申明的变量一定会被检查和测试出。

工具:代码分析

代码分析工具用于分析代码中潜在错误或离开语法的标准。二个未闭合括号或未评释的变量一定会被检查和测试出。

美高梅开户网址 66

RequireJS  
网站 requirejs.org
知识库 github.com/jrburke/r.js
当前版本 2.3.3
每月下载 百万

RequireJS是一种浏览器中的模块加载器,它也能够在Node.js中运用。

ESLint

ESLint

工具:代码分析

代码分析工具用于分析代码中潜在错误或离开语法的科班。多少个未闭合括号或未表明的变量一定会被检查和测试出。

美高梅开户网址 67

ESLint
网站 eslint.org
知识库 github.com/eslint/eslint
当前版本 3.19.0
每月下载 600万

ESLint是一种可插拔的代码分析工具。种种规则都以多个插件,由此得以依据个体爱好进行布署。

美高梅开户网址 68

ESLint  
网站 eslint.org
知识库 github.com/eslint/eslint
当前版本 3.19.0
每月下载 600万

ESLint是一种可插拔的代码分析工具。每一个规则都以2个插件,由此得以遵照个人喜欢进行铺排。

ESLint

JSHint

美高梅开户网址 69

JSHint
网站 jshint.com
知识库 github.com/jshint/jshint
当前版本 2.9.4
每月下载 200万

JSHint是二个心灵手巧的JavaScript代码分析工具,它很好的平衡了实在的错误和老旧的语法。

JSHint

美高梅开户网址 70

JSHint  
网站 jshint.com
知识库 github.com/jshint/jshint
当前版本 2.9.4
每月下载 200万

JSHint是一个灵活的JavaScript代码分析工具,它很好的平衡了着实的谬误和老旧的语法。

美高梅开户网址 71

ESLint  
网站 eslint.org
知识库 github.com/eslint/eslint
当前版本 3.19.0
每月下载 600万

ESLint是一种可插拔的代码分析工具。每一种规则都以3个插件,由此可以依照个体喜欢举行配置。

JSLint

美高梅开户网址 72

JSLint
网站 jslint.com
知识库 github.com/reid/node-jslint
当前版本 0.10.3
每月下载 50000

JSLint是最早的代码分析工具之一,它实现了一套严厉的私下认可规则。

JSLint

美高梅开户网址 73

JSLint  
网站 jslint.com
知识库 github.com/reid/node-jslint
当前版本 0.10.3
每月下载 50000

JSLint是最早的代码分析工具之一,它完毕了一套严苛的默许规则。

JSHint

美高梅开户网址 74

JSHint  
网站 jshint.com
知识库 github.com/jshint/jshint
当前版本 2.9.4
每月下载 200万

JSHint是多个心灵手巧的JavaScript代码分析工具,它很好的平衡了着实的荒唐和老旧的语法。

工具:单元测试

测试驱动开发的义务供给必要编写制定代码来测试本人的代码。方今有过多摘取,包罗Ava, Tape 和Jest ,但当下最流行的多少个工具是:

工具:单元测试

测试驱动开发的任务要求供给编写制定代码来测试自身的代码。近来有不可枚举增选,包罗Ava, Tape 和Jest ,但当下最风靡的八个工具是:

JSLint

美高梅开户网址 75

JSLint  
网站 jslint.com
知识库 github.com/reid/node-jslint
当前版本 0.10.3
每月下载 50000

JSLint是最早的代码分析工具之一,它达成了一套严谨的默许规则。

Mocha

Mocha

工具:单元测试

测试驱动开发的天职供给需求编写制定代码来测试本人的代码。近日有很多摘取,包含Ava, Tape 和Jest ,但眼下最盛行的多个工具是:

美高梅开户网址 76

Mocha
网站 mochajs.org
知识库 github.com/mochajs/mocha
当前版本 3.3.0
每月下载 500万

Mocha是五个JavaScript测试框架,可以在Node.js或浏览器中运转测试。它帮忙异步测试,并且平日与Chai合作使用,那样能够使测试代码以可读取的主意表明。

美高梅开户网址 77

Mocha  
网站 mochajs.org
知识库 github.com/mochajs/mocha
当前版本 3.3.0
每月下载 500万

Mocha是二个JavaScript测试框架,能够在Node.js或浏览器中运维测试。它帮助异步测试,并且日常与Chai协作使用,那样能够使测试代码以可读取的法子发挥。

Mocha

Jasmine

Jasmine

美高梅开户网址 78

Mocha  
网站 mochajs.org
知识库 github.com/mochajs/mocha
当前版本 3.3.0
每月下载 500万

Mocha是1个JavaScript测试框架,能够在Node.js或浏览器中运转测试。它支持异步测试,并且不时与Chai合作使用,那样能够使测试代码以可读取的不二法门发挥。

美高梅开户网址 79

Jasmine
网站 jasmine.github.io
知识库 github.com/jasmine/jasmine-npm
当前版本 2.6.0
每月下载 200万

Jasmine是三个表现使得的测试工具,能够在浏览器中自动测试UI和相互。

美高梅开户网址 80

Jasmine  
网站 jasmine.github.io
知识库 github.com/jasmine/jasmine-npm
当前版本 2.6.0
每月下载 200万

Jasmine是3个表现使得的测试工具,能够在浏览器中自动测试UI和互动。

Jasmine

QUnit

QUnit

美高梅开户网址 81

Jasmine  
网站 jasmine.github.io
知识库 github.com/jasmine/jasmine-npm
当前版本 2.6.0
每月下载 200万

Jasmine是三个表现使得的测试工具,能够在浏览器中自动测试UI和互相。

美高梅开户网址 82

QUnit
网站 https://qunitjs.com/
知识库 github.com/kof/node-qunit
当前版本 1.0.0
每月下载 25000

QUnit是1个单元测试框架,能够在输入特定参数时,检查函数结果。它还举报测试结果,确认保证没有失去特定的代码分支。

美高梅开户网址 83

QUnit  
网站 https://qunitjs.com/
知识库 github.com/kof/node-qunit
当前版本 1.0.0
每月下载 25000

QUnit是三个单元测试框架,能够在输入特定参数时,检查函数结果。它还举报测试结果,确定保证没有失去特定的代码分支。

QUnit

小结与建议

脚下可是流程的框架是React,同时其余的框架也在向着流行的动向发展。

一经急需三个康宁的、通用的Web应用程序,能够设想使用Vue.js。

一体化框架已经不复受欢迎了,若是您须求对1个较大型项目实行严加的构造管理,AngularJS是三个不错的选择。近来超越四分之四个人坚称利用Angular
1.0版本,可是长时间来讲,如若您愿意上学TypeScript,Angular
4.x版本是个更好的选项。

jQuery虽说现在并不12分风行,在技能情报中也很少会被波及,但不可以还是不可以认它是前仆后继开发的,同时也是网站和应用程序的强有力工具。jQuery具有中和的就学曲线,环球许多开发职员能够很好地通晓。

假定您想要冒险,能够尝试Svelte这是一个诙谐的客户端/服务器框架,它能够在营造时事先彰显JavaScript,并且能够转移大家付出的法子。

工具的抉择因项目而异。尽管近日利用Gulp的开发者占大多数,但WebPack却更为受欢迎。同时你也不能够错过ESLint和Mocha等测试工具。

过去的十年,JavaScript经历了革命性的向上。过去唯有为数不多为主的类库能够选用,不过今后可供采用的类库已经密密麻麻。或许不可能分明哪些类库、框架和工具是最好的,然而最契合本人项目标,正是最好的。

倘诺本文错过了您最欢畅的JavaScript类库,框架或工具?欢迎在文末评论。

2 赞 5 收藏
评论

美高梅开户网址 84

总计与建议

当下极端流程的框架是React,同时其余的框架也在向着流行的可行性发展。

只要要求三个安全的、通用的Web应用程序,能够考虑采纳Vue.js。

完全框架已经不再受欢迎了,假使您供给对八个较大型项目展开严加的结构管理,AngularJS是二个没错的挑选。近期大多数人坚称利用Angular
1.0版本,不过长期来讲,假诺您愿意上学TypeScript,Angular
4.x版本是个更好的抉择。

jQuery尽管以后并不充足风靡,在技能情报中也很少会被提到,但不可不可以认它是前赴后继付出的,同时也是网站和应用程序的精锐工具。jQuery具有中和的上学曲线,环球许多开发职员能够很好地通晓。

即便你想要冒险,能够试行Svelte那是一个好玩的客户端/服务器框架,它能够在创设时事先展现JavaScript,并且能够变更大家开发的办法。

工具的选料因项目而异。尽管近期应用居尔p的开发者占多数,但WebPack却尤其受欢迎。同时您也不能够错过ESLint和Mocha等测试工具。

相比于JavaScript开发人士的多少,方今JavaScript框架、类库和工具的多寡仿佛更加多一些。截…

美高梅开户网址 85

QUnit  
网站 https://qunitjs.com/
知识库 github.com/kof/node-qunit
当前版本 1.0.0
每月下载 25000

QUnit是1个单元测试框架,能够在输入特定参数时,检查函数结果。它还反映测试结果,确认保障没有错过特定的代码分支。

小结与提出

现阶段极其流程的框架是React,同时其余的框架也在向着流行的矛头发展。

若是须要几个有惊无险的、通用的Web应用程序,能够考虑使用Vue.js。

一体化框架已经不再受欢迎了,如若您供给对二个较大型项目开始展览严峻的协会管理,AngularJS是三个科学的采取。近期大部分人百折不挠使用Angular
1.0版本,不过长时间来讲,假使您愿意上学TypeScript,Angular
4.x版本是个更好的选项。

jQuery固然未来并不特别风行,在技巧情报中也很少会被波及,但不可不可以认它是积极付出的,同时也是网站和应用程序的兵不血刃工具。jQuery具有中和的学习曲线,全世界许多开发人士能够很好地领会。

只要您想要冒险,能够试试Svelte那是一个有趣的客户端/服务器框架,它能够在营造时优先呈现JavaScript,并且能够转移大家开发的法门。

工具的抉择因项目而异。固然眼下接纳居尔p的开发者占大部分,但WebPack却越来越受欢迎。同时您也不可能错过ESLint和Mocha等测试工具。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图