【亚洲必赢官网】工具及其应用,库和工具

至上的 JavaScript 前端框架、库和工具

2015/12/22 · JavaScript
· 1 评论 ·
工具,
库,
框架

本文由 伯乐在线 –
cucr
翻译,Heiye
校稿。未经许可,禁止转发!
英文出处:Rami
Sayar。欢迎加入翻译组。

类似差不离每隔七日就有1个新的 JavaScript
库在互连网社区挑起暴风!互联网社区尤其充满活力,多样化且在多少个地点迅西玛飞。调查每三个主流的
JavaScript
框架和库是不容许达成的壮举。因此,笔者将享受部分前端开发中最显赫和最有影响力的框架和库。让大家看看最佳的
JavaScript web 前端框架,库和工具以及曾几何时使用它们。

另外:

  • 假设本身平素不包罗你最兴奋的 JavaScript 框架,请不要上火。
  • 永远铭记持续立异您的框架和库。最新版本的框架和库日常具有最好的跨浏览器和跨设备的支撑。你能够使用工具, 比如scanner 来帮助判断2个旧版本是或不是协作这一大批判设备。

好了,让大家进入列表!

  这篇小说主要讲述到现在流行的片段 Javascript web
前端框架,库以及它们的适用场景。

十七个不错 JS 前端框架、库、工具及其应用时机

那篇小说首要讲述现今风行的一部分 Javascript web
前端框架,库以及它们的适用场景。

新的 Javascript 库屡见不鲜,从而Web
社区愈发活跃、种种、在多地点飞快升高。详细去描述每个主流的 Javascript
框架和库近乎不可能,所以在那篇小说中任重(英文名:rèn zhòng)而道远介绍部分对前者发展最具影响力的前端框架。接下来让大家来一同研讨一些主流前端框架、库和工具,并斟酌它们的适
用场景。

同时:

  • 比方该篇文章没有包括你喜爱的 Javascript 框架,勿喷

  • 在利用前端框架实行付出时,建议维持版本更新。最新版本的形似都会提必要更好的跨浏览器,跨平台作用。
    需检查和测试某些框架的旧版本是不是对各个浏览器以及设备的合营,请使用
    类似这么些扫描器 的工具

准备好了吧,那么接下去每个钻探它们。

AngularJS

Angular 是一款流行的信用合作社级
框架,很多程序员都用它来创设和保险复杂的网页应用。Angular
拥有伟大的人气,使用它的同盟社跟 Domino 的 Pizza 体系雷同多,如 Ryanair,
iTunes Connect, PayPal Checkout, 谷歌(Google)。Angular 是3个由 Google扶助的开源框架。Angular 称自身为创设复杂网页应用而对 HTML
的恢弘。若是您也对 TypeScript 很熟知,那么能够看看 怎么样写 Angular 2 .

Angular 采取 MVC 架构。它提供了 Model 层和 View
层之间双重数据绑定。那种数量绑定格局的便宜是不管怎样数据变动,都会自行的立异两边的数量。那有助于你构建可吞食的
View
组件。它还提供了二个左右端服务易于交互的劳动框架。最要害的是,它是简约的
JavaScript。

哪些时候利用 AngularJS?
当您创设三个复杂的网页前端选拔并须要三个独立的模块框架去处理任哪一天。

GitHub:

Current Version:1.4.7/1.2.29

Website: angularjs.org

React 是二零一九年最受欢迎的 JavaScript 项目!差不多人人都在座谈
ReactJS。2018年,小编在场的每二个会差不离都会有一五个话题钻探 React
和平等系列下的此外库( Flux , Redux ) 。React 是1个开源项目,差不离是由
Fackbook 和任何首要的技术公司进献开发的。React
称自个儿为为创设用户接口而提供的 JavaScript 库。

React 基本上用来作为 MVC 中的 V。它完全专注于 MVC 中的 V
部分,而忽略了应用中的其余一些架构。它提供了2个组件层,那让大家易于制作UI成分并将这么些UI成分组合在一齐。它抽象出了DOM,由此而优化了渲染,
并允许你选取 node.js 渲染
React。别的,它达成了单向数据交互流,那使它比其它的框架更易于精晓和采取。

多个档次例如 Angular ,Ember 绑定使用 React 成为 MVC 中的 V。

何以时候利用 React?当你想要有二个强有力的 View
层,而采纳中的其余一些缺不要求三个错综复杂的框架时,或当您想要二个 View
层和您的 Angular, Backbone,大概Ember应用一起行使。当您试着创设多少个同构的网页框架。

GitHub:

近日版本:v0.14.0

网址: Facebook.github.io/react/

Backbone

Backbone 是
一个露脸的简洁的框架,全部剧情都得以停放三个单一的文本里。Backbone
已经风靡了一段时间,其小编是 杰里米 Ashkenas,曾经由于开发了
CoffeeScript 和 Underscore 而为大家所知。Backbone 尤其适用于须要耗费的
web 程序相当小的这几个协会,他们盼望能选用小巧的框架,而不是像 Angular 可能Ember 那样的巨型框架。

Backbone 提供了全职能的 MVC 框架和路由。它的 Model 能够兑现 key-value
绑定和数码更新的事件处理。Model(及 Collection)能够与 RESTful 的 API
协同工作。View 能够注明事件处理,Router 在 U中华VL
处理和状态管理方面做的很好。对于开发三个单页面应用,全数须求的效能都足以支撑,不须要额外引入不必要的复杂。

曾几何时使用 Backbone?对于小型的 web 程序,Backbone 是自家必选的框架。

GitHub: 

日前版本:1.2.3

官方网站:  backbonejs.org

Ember 作为2个 web应用框架,万分上心于程序员的频率上。Ember
绝相比较较流行,大旨团队有成都百货上千很聪慧的成员,包蕴 Yehuda Katz,他是 Ruby on
Rails 和 jQuery 的中坚团队的分子。Ember
对协调的定位是“3个用来成立震撼的 web
应用的框架”,它也的确不会浪费你的时光。它在那地方越发小心,为你提供许多的精选。

Ember 同样也是2个 MVC
的框架。它包涵三个模板和视图引擎,在数码更新时得以自动更新,那上头与Angular,
Backbone, 和 React 类似。它还有1个 web 组件
的定义,允许你用自身的价签扩张HTML,(如Angular)。它还有三个路由及 model
引擎,能够与 RESTful API 一起工作的很好。

几时使用
Ember?适用于您供给八个框架马上就能选择。对灵活性要求不高的时候可以采纳Ember,因为你平日是预算紧张只怕工期紧张。

GitHub: 

近期版本:2.1.0

官方网站:  emberjs.com

JQuery
那么些库就无须多做牵线了。它独立负责了让跨浏览器网站成为实际的义务,是它使得整个
web 成为前日那几个样子。Web
标准的制订以及浏览器厂家对标准的收受地点,jQuery 功不可没。jQuery
基金会的靶子是”通过开源软件的支付和帮助,以及社区的通力合营,拉长开放的网络,让每种人都能访问”

JQuery 是社会风气上行使最广的 JavaScript
库,没有动用能够相差它,除非您对开发效能不感兴趣。它使得 DOM
遍历、事件处理、动画和 AJAX 在颇具浏览器上都变得如此的简要易用。

曾几何时使用 jQuery?任曾几何时候,除非你打算接纳更轻量级的本子,例如 Zepto 。

GitHub: 

现阶段版本:v1.11.3 或 v2.1.4

官方网站:  jquery.com

Underscore 和 lodash

有时候内置的 JavaScript
对于让程序员真正的有生产力还远远不够。总是会缺了1个工具函数,又或然是一个能简化代码的函数。Underscore
(还有 lodash) 正是如此的多个 JavaScript
库,它提供了一整套工具函数,无需经验不足的程序员再去给停放的 JavaScript
对象打补丁。七个库都提供了超越 100
个帮衬函数,还有任何尤其的好东西;包涵了像 map, filter, invoke, reduce,
template, throttle, bind, extend, pick, clone 等等这么些函数。

如何时候使用 Underscore?当您想要拥有1个随即能拉长度序员效用的
JavaScript 文件时。

Underscore GitHub : 

Underscore 当前版本:1.8.3

Underscore 网站:  underscorejs.org

如何时候使用 lodash?当您想要二个模块化的,品质更杰出一点的,并附带有对于
AMD 和社区插件协助的 Underscore 版本时。

Lodash GitHub: 

Lodash 当前的版本:v3.10.1

Lodash 网站: lodash.com

D3.js

数量可视化和图表是web应用程序的一种健康须要。当提到到别的数据操作和可视化时,D3.js
正是事实上的正统。它是 GitHub
上最受欢迎的体系之一,并被数百个协会机构所采取。多量的图片、图标和可视化库都是构件于
D3 之上的。

D3 让您能够操作任何来自的多少文书档案,并将数据实行转移后选取到 DOM、SVG 和
CSS上。D3 专注于现代的 web 标准,以及确定保证您能够不受到其余像 Flash 恐怕Silverlight 那样的专有格式的限制。

如何时候利用 D3.js?当您供给任何类型的视觉效果的时候。

GitHub: 

当下版本:3.5.6

网站: d3js.org

Babylon.js

想要创设一个全然运营于当代浏览器上,并且能跨浏览器运维的录制游戏吧?那就看看 Babylon.js
吧,它是三个 3D 游戏引擎,基于 WebGL 和
JavaScript。你能够选用其大体、音频和粒子系统创建出超乎预想的高质量游戏来。

何以时候利用 Babylon.js?当你正在构建二个录制游戏恐怕八个某类别型的 3D
场景时。

GitHub: 

此时此刻版本: 2.2

网站: babylonjs.com

Three.js

想要创设多少个 3D 视觉特效,可是又不必要一个效益一体化的玩耍?Three.js
提供了一个轻量级的 3D 库,让您能够将 3D 效果渲染成三个 HTML5 的 canvas,
SVG, 和 WebGL。这是一个详单简单的库,在 three.js
陈列站点上得以观望数百个优质的示范。

何以时候利用 Three.js?当你要求二个简短的能出口为 Canvas 的 3D
视觉效果时。

GitHub: 

日前版本: r73

网站: threejs.org

Mocha 和 Chai

长久以来测试 JavaScript
一直都令人不甚反感。说起来,测试任何代码都是令人反感的,但又却是各类开发者应该做的事体。每一个开发者就如总是对此不屑,忽视掉针对它们的代码的测试工
作。 以往有了康复这种反感的点子了,那就是 Mocha 和
Chai。而三个库皆以美味的热饮命名,都能补助你测试代码,但是情势各异而已。

Mocha 是2个 JavaScript
测试框架,它使得针对你的node模块大概浏览器采取中的异步代码的测试变得不难起来。Mocha
测试能够串起来运营,并且对于针对合适的测试案例开始展览尤其跟踪的成色不错。

Chai 是三个行事使得开发和测试驱动开发的断言库,可与 Mocha
偏官。它以一种可读性好的品格来叙述您所要测试的东西,用起来差不多。

什么样时候利用 Mocha 和 Chai?用他们就对了!
请测试你的代码,让这几个世界变得更好。

Mocha GitHub: 

Mocha 当前版本: 2.3.3

Mocha 网站: mochajs.org

Chai GitHub: 

Chai 当前版本: v3.4.1

Chai 网站:  chaijs.com

作者们早就在那份清单中总结了 Mocha 和 Chai
,假使不去把能够运作那个测试可能只怕能够设定持续集成测试的测试运转器拉进来的话,那么那份清单就不会是完全的。Karma
是1个用来增派您在差异的浏览器中活动运维你的测试的工具。它将会推抢您在方今全数的浏览器上运营你的 Mocha
和 Chai 测试。

并不是各种浏览器都会运作于种种平台之上,可是幸运的是有诸多免费的工具可供你用来测试其他的浏览器,能够在
浏览器截屏 上看一看。若是你是在 OS X 上运维以来,并且要测试的是 艾德ge
只怕 IE 的话,你就足以 免费 使用那个工具。

哪些时候利用
Karma?当您想要拥有三个效能周详的测试套件,并像确定保证测试能在装有的浏览器上通过时。

GitHub: 

当前版本: v0.13

网站:  karma-runner.github.io

PhantomJS

亚洲必赢官网 ,运维总体的浏览器来测试你的代码是要凝聚消耗内部存款和储蓄器和 CPU 的。PhantomJS
让你能够运作二个彻头彻尾的 WebKit —— Safari 和 在此之前版本的 Chrome
中的渲染引擎(现在是 Blink)。它能让你通过3个 JavaScript API
来运作测试、截屏、模拟网络以及自动的浏览页面。

哪些时候利用 PhantomJS
?当您须要进行越来越多的测试、操作网页和效仿互连网请求的操作时。

GitHub: 

此时此刻版本: v2.0

网站: phantomjs.org

Grunt 和 Gulp

构建用于生产条件的网站一般还关乎到部分升任质量那下面的天职,像
JavaScript 和 CSS 的最小化,CoffeeScript/TypeScript
的编写翻译,单元测试,代码精简。或者你早就有了叁个工具链,用于准备你生产版本上的网站,而只要您还不曾的话,就会想要拥有四个像
Grunt 或许 居尔p
那样的天职运维器。它们都游人如织的插件,能为你的网站开始展览其余的变换,以使其能投产环境。

如何时候使用
Grunt?当您更乐于编写配置文件,而对于你的天职运维器会生成什么中间文件并不敬爱时。

Grunt GitHub: 

Grunt 当前版本: v0.4.5

Grunt 网站:  gruntjs.com

什么日期使用 居尔p?当您更乐于编写配置代码,并且想使用 node.js
的流处理能力完毕更快的任务履行时。

Gulp GitHub:

居尔p 当前版本: v3.9.0

Gulp 网站:  gulpjs.com

Babel

JavaScript 作为一门语言发展很高效。ECMAScript 二〇一六在去年冬天宣布,而它的不少新特点正在许多风尚的浏览器中被完结。假如您想要掌握有关浏览器对
ECMAScript 二零一六 包容音讯,能够看看这些源于于 @kangax 的 表格
。你会小心到新型版本的 艾德ge,Firefox 和 Chrome 已经大约是截然的匹配了。

大家并不是生存在3个周详的世界中。作为开发者,大家将会须要后续帮忙老版本的浏览器,它们不拥有新颖和最棒的
JavaScript 成效特色。而大家实际是想要发展大家的 web
并升级大家的代码库。Babel 正是二个 JavaScript 编写翻译器,它能够将前卫的
JavaScript 标准编写翻译成包容 ES5 的JavaScript,让你能够在 IE9
那么老的浏览器上运行它们。它拥有一些插件,让使用 React
开发尤其便于,设置会动用那多少个并不是规范 (例如 ES7) 的组成都部队分的效应特色。

怎么样时候利用 Babel?当您想要使用新的 JavaScript
语言特征并且还要支撑老的浏览器时。

GitHub: 

此时此刻版本: 6.1.2

网站: babeljs.io

越多 Web 开发的履行

这篇文章是 web 开发连串的一局地,来自于 Microsoft
技术的传道者和工程师,内容都是有关实用的 JavaScript
学习、开源项目,还有互操作性最佳实践那些方面,包含了 Microsoft 艾德ge
浏览器和新的  艾德geHTML 渲染引擎 。

小编们鼓励你在具备的浏览器和装备,包蕴作为 Windows 10 暗许浏览器的
Microsoft 艾德ge 上拓展测试 —— 使用 dev.microsoftedge.com 上的免费工具:

  • 扫描你的站点上的过时的库,布局难题以及可访问性

  • 下载免费的 Mac, Linux, 和 Windows 的虚拟机

  • 在拥有的浏览器,包涵在 Microsoft 艾德ge 上检讨 Web 平台的情况

  • 在你自身的设施上长途测试 Microsoft 艾德ge

更深刻领会大家的工程师和传道者:

  • GitHub 上的编码实验室:跨浏览器测试和特级实践

  • Microsoft 艾德ge Web 大会 二〇一六 (来自于大家的工程团队和 JS 社区)

  • 哇哦,我能在 Mac 和 Linux 上测试 IE 和 Edge 了! (来自于 Rey Bango)

  • 从未有过破话 Web 的先进的 JavaScript (来自于)

  • 能让 Web 登时起效能的 艾德ge 渲染引擎 (来自于 Jacob 罗斯尔i)

  • 应用 WebGL 发挥 3D 渲染的潜能 (来自于 大卫 Catuhe)

  • 托 管web 应用和web平台方面包车型客车翻新 (来自于 凯文 希尔 和 Kiril
    Seksenov)

我们的社区绽放源代码项目:

  • vorlon.JS (多配备远程 JavaScript 测试)

  • manifoldJS (陈设跨平台托管 Web 应用)

  • babylonJS (让 3D 图形这么些事物更温和)

更加多免费的工具和后端web开发的事物:

  • Linux, MacOS, 和 Window s 上利用的 Visual Studio Code

  • 品味在 Azure Cloud 上 使用 node.JS 编写代码

许可

这篇小说,连带其相关的任何源代码和文书,是惨遭 代码项目开放许可(CPOL)
保养的。

JS 前端框架、库、工具及其应用时机
那篇小说重要讲述于今流行的片段 Javascript web
前端框架,库以及它们的适用场景。 新的 Ja…

本文来源于:葡萄城控件技术集团博客

AngularJS

Angular 是流行的店铺级框架,许多开发人员都在接纳它来构建和珍贵复杂的
web 应用程序。Angular 的人气十一分高,蕴涵 Domino’s Pizza, Ryanair, iTunes
Connect, PayPal Checkout, 谷歌等公司都在选取它。Angular
是三个由谷歌(谷歌)支持的开源框架。Angular 自称是 HTML
的多个恢宏,用来营造复杂的 web
应用程序。其它如若你熟习 TypeScript, Angular
2正是用它营造的。

  新的 Javascript 库屡见不鲜,从而Web
社区愈发活跃、各种、在多地方异常的快发展。详细去讲述各个主流的 Javascript
框架和库近乎不恐怕,所以在那篇小说中任重(英文名:rèn zhòng)而道远介绍部分对前者发展最具影响力的前端框架。接下来让我们来一同切磋一些主流前端框架、库和工具,并切磋它们的适
用场景。

差了一些每隔一个星期,就有1个新的 JavaScript 库席卷互连网社区!Web
社区日趋活跃、二种,并在多少个世界迅速成长。想要商量每2个关键的
JavaScript
框架和库,是个不恐怕毕其功于一役的职分。接下来,作者会分享部分前端开发的最资深和最有影响力的框架和库。上面,就让大家一同来探视,顶尖的
JavaScript web 前端框架、库和工具及其应用。

本条小编的越多小说

  • 营造1个根据 Node.js 的聊天室 Web
    App:远程调节和测试
  • 构建一个基于 Node.js 的聊天室 Web App:通过 WebSockets
    连接

Angular 是二个 MVC
类型的框架。它提供了模型和视图之间的双向数据绑定。该数量绑定允许每当数据变动时,两边自动更新。
 它使您可以构建可复用的视图组件。它提供了叁个劳动框架,使得后端-前端服务通讯更易于。最终,它只是常常的
JavaScript。

曾几何时使用
AngularJS?当您正在营造二个扑朔迷离的 web
前端应用程序,同时必要1个模块化的框架来拍卖整个时。

GitHub: 
现阶段版本: 1.4.7/1.2.29
网址: angularjs.org

  同时:

请注意:

React

React 是今年最受欢迎的 JavaScript
项目!每一种人都就好像在谈论
ReactJS。2018年自家参加的每三个议会,至少有几许个议题是有关 React
和同家族的别样库(Flux, Redux)的。React
是开源软件,首要由 推特开发,其余大型科学技术集团也有进献。React 自称是三个用来构建用户界面的JavaScript 库。

【亚洲必赢官网】工具及其应用,库和工具。React 首固然 MVC 中的
V。它的要紧完全在 MVC 的 V
部分,忽视应用程序架构的其他部分。它提供了二个组件层,使得创建 UI
成分,组合成分变得更易于。它利用虚拟 DOM,因而优化了渲染,且允许从
node.js 渲染
React。其它,它达成了单向响应的数据流,由此比其他框架更易于明白和动用。

作为 MVC 中的 V,很多品类将 React 结合
Angular 或 Ember 那样的框架使用。

哪一天使用
React?
当您想要三个强硬的视图层,但不须求在应用程序的其余部分使用二个扑朔迷离的框架,恐怕您在
Angular、Backbone 或 Ember
应用上须求贰个视图层时。当您正试图建立一个同构 web 框架时。

 

GitHub: 
最近版本: v0.14.0
网址: Facebook.github.io/react/

  要是该篇小说没有包罗你欣赏的 Javascript 框架,勿喷

若果没有包含你最欢畅的 JavaScript 的框架和库,请多包括。

Backbone

Backbone 是四个有名的回顾框架,适合单个 JavaScript 文件。Backbone
已经存在有一段时间了,是以 CoffeeScript 和 Underscore 闻明的 杰里米Ashkenas 所付出的。对于有个别为小型 web
应用寻找3个构造简单的框架,而不想引入如 Angular 或 Ember
那么些巨型框架的团组织,Backbone 特别受欢迎。

Backbone 提供三个完整的 MVC
框架以及路由。模型允许键-值绑定和数目变化的事件处理。模型(和聚众)能够连接到RESTful
API。视图具有注解式事件处理,路由在拍卖 U大切诺基L
和景况管理上做的很可观。它包罗你成立一个单页面应用程序所需求的全方位,且从未提供太多东西,没有不需要的复杂度。

曾几何时使用 Backbone?Backbone
是自身创立简单 web 应用程序的首选框架。

GitHub: 

时下版本: 1.2.3
网站: backbonejs.org

  在动用前端框架举行开发时,建议维持版本更新。最新版本的相似都会提供给更好的跨浏览器,跨平台效应。
需检查和测试有个别框架的旧版本是还是不是对各类浏览器以及配备的匹配,请使用
类似这么些扫描器 的工具

请实时更新您的框架和库,最新版本往往有更好的跨浏览器和跨设备支撑。可以运用检查和测试设备一样的工具,来匡助鲜明3个旧版本,是或不是可以和陈设最好的装置相当。

Ember

Ember 是二个累教不改的 web
应用程序框架,关注程序员的工效。Ember
比较流行,它的着力共青团和少先队包罗像曾是 Ruby on Rails 和 jQuery 大旨团队成员的
Yehuda Katz 的聪明人。Ember 自称是“3个用来创立大规模 web
应用程序的框架”,且不浪费你的时辰。它很执着,为您提供了无数摘取。

Ember 也是3个 MVC
框架。它归纳两个模板和视图引擎,当数码变化时自动更新,仿佛Angular,Backbone 和 React
一样。它蕴涵 web组件 的思维,让你利用自身标签扩大 HTML(就像Angular 一样)。它也有1个明亮如何与你的 RESTful API
一起坐班的路由和模型引擎。

哪天使用 Ember?当您只必要1个得以运作的框架时。当你因为预算紧张或工期非常短而不供给灵活性时,请使用
Ember。

GitHub: 
日前版本: 2.1.0
网站: emberjs.com

  准备好了吧,那么接下去每种探究它们。

接下去,让大家看看下边包车型客车列表!

jQuery

jQuery
是3个不要介绍的库。它凭一己之力让跨浏览器网站使用成为切实,同时把 web
带到前天的地点。Web 标准已经被多数浏览器创制商选用并真正地强调,jQuery
是个中的缘故之一。jQuery
基金会的职责是“通过开源软件的支出和协理,以及开发社区的搭档,改进开放的
web,让每一位都可以访问它。”

jQuery 是社会风气上最常用的 JavaScript
库,全部应用程序都应当运用它,除非您不在意程序员的工效。它使得 DOM
遍历、事件处理、动画、AJAX 在有着浏览器上变得更简约、更便于。

哪天使用 jQuery?直接利用,除非您想选用一个像 Zepto 的轻量级版本。

GitHub: 
现阶段版本: v1.11.3 or v2.1.4
网站: jquery.com

  AngularJS

AngularJS

Underscore &lodash

有时候 JavaScript
内置的功能造成程序员的成效并不高。总是贫乏贰个工具函数或八个方可简化代码的函数。Underscore(和
lodash)是二个 JavaScript 库,它提供了一整套工具函数,不必要对停放
JavaScript 对象打补丁。多个库均提供超越 100
个效益帮手和其他专用效用,包罗 map,filter,invoke,reduce,template,
throttle, bind, extend, pick, clone 等越多的函数。

曾几何时使用 Underscore?当你须求2个独门的 JavaScript
文件,来立时进步程序员的工作效用时。

Underscore GitHub: 
Underscore 当前版本: 1.8.3
Underscore 网站: underscorejs.org

何时使用 lodash?当你必要模块化和属性稍强版本的
Underscore,同时更易于地帮忙 英特尔 和社区插件时。

LodashGitHub: 

Lodash 当前版本: v3.10.1

Lodash 网站: lodash.com

  Angular 是一款流行的小卖部级
框架,很多程序员都用它来构建和保卫安全复杂的网页应用。Angular
拥有伟大的人气,使用它的营业所跟 Domino 的 Pizza 类别雷同多,如 Ryanair,
iTunes Connect, PayPal Checkout, 谷歌(Google)。Angular 是3个由 谷歌(Google)协助的开源框架。Angular 称自己为创设复杂网页应用而对 HTML
的增添。即便你也对 TypeScript 很了解,那么可以看看 怎么样写 Angular 2 .

亚洲必赢官网 1

D3.js

数量可视化和图纸是一种常见的 web
应用程序供给。D3.js 是其他数据操作和可视化的事实标准。它是
GitHub上最受欢迎的体系之一,被巨大的团伙利用。多量的图形,图表和可视化库在
D3 上构建。

D3
允许你操作任何来源的多少文书档案,转换来 DOM 或/和 SVG 或/和 CSS。D3
关切当代 web 标准,确定保障您不受任何专有格式的封锁,比如 Flash 和
Silverlight。

什么日期使用 D3.js?在您必要其他方式的可视化的时候。

GitHub: 
现阶段版本: 3.5.6
网站: d3js.org

  Angular 接纳 MVC 架构。它提供了 Model 层和 View
层之间双重数据绑定。那种数据绑定格局的功利是无论怎么数据变动,都会活动的换代两边的数目。那促进你营造可吞食的
View
组件。它还提供了1个前后端服务易于交互的服务框架。最要害的是,它是简简单单的
JavaScript。

AngularJS 是一种流行的信用合作社框架,许多开发人士使用其创设和掩护复杂的 Web
应用程序。AngularJS
是分外受欢迎的,许多同盟社都采纳它,像达美乐披萨、Ryan航空、iTunes
Connect,PayPal 支付,谷歌等。AngularJS
是由谷歌(谷歌(Google))支持的开源框架。AngularJS 把团结讲述为二个 HTML
的扩张,可用来营造复杂的 Web 应用程序。此外,假如你纯熟TypeScript,将会很明白 AngularJS 是怎么样编写的。

Babylon.js

想要创设完全符合现代 web
标准且跨浏览器的录制游戏吧?看看 Babylon.js,它是基于 WebGL 和
JavaScript 的 3d
游戏引擎。你能够创制令人难以置信的含有物理、音频和粒子系统等等的高品质游戏。

哪天使用 Babylon.js?不论是曾几何时,只要你想做二个录像游戏或其余项目标错综复杂三维场景,都能用上。

GitHub: 
眼前版本: 2.2
网站: babylonjs.com

  几时利用 AngularJS?
当你创设一个繁杂的网页前端选择并须求3个单身的模块框架去处理任曾几何时。

AngularJS 是2个 MVC
类型的框架,它提供了双向的数据模型和视图之间的绑定。那种数量绑定,允许在两岸只要有三个数目变化时,自动举行立异。它使您能够营造可选拔的
View
组件。同时,它也提供了3个服务框架,以便前后端服务的自由自在通讯。最终,它只是惯常的
JavaScript。

Three.js

想要塑造四个 3D
可视化场景,但不必要一个整体的游玩引擎?three.js 提供了三个轻量级的 3d
库,允许渲染 3d 为 HTML5 画布、SVG 和
WebGL。它是相当简单的库,在 three.js 的展现里有数百个绝色的例证。

曾几何时使用Three.js?当你供给叁个能出口为 Canvas 的粗略的 3D
可视化场景时。

GitHub: 
时下版本: r73
网站: threejs.org

  GitHub:

如何时候使用 AngularJS?当你正在成立3个繁杂的 web
前端应用程序,并且须要叁个模块化的框架来拍卖任哪一天。

Mocha& Chai

JavaScript
在十分长一段时间内是可怜讨厌的。测试任何代码平时都被认为是讨厌的,但它却是各样开发人士都应有做的事务。各样开发人士就像是总是置之不顾和忽视它,而不测试他们的代码。这几个该死的事物有一个消除办法,那便是Mocha 和
Chai。五个库的名字都来自美味的热饮料,它们都能帮你测试代码,但方法不一样。 

Mocha 是二个 JavaScript 测试框架,使得你在 node 模块和浏览器 app
中测试异步代码变得更易于。Mocha
测试能够串联运转,能够为科学的测试用例添加13分跟踪的能力。

Chai
是3个行为使得开发/测试驱动开发的断言库,可以搭配 Mocha
使用。它能够把你需求测试的事物用可读的作风不难地球表面明出来。

曾几何时使用 Mocha & Chai?连日来!请测试你的代码,让世界变得更美好。

Mocha 当前版本: 2.3.3
Mocha 网址: mochajs.org
Chai GitHub: 
Chai 当前版本: v3.4.1
Chai 网址: chaijs.com

  Current Version:1.4.7/1.2.29

React

Karma

既然如此已经把 Mocha 和 Chai
包括在那些列表中了,假若不含有用来运行这几个测试或设置持续集成测试的测试运营器,那将是不完整的。Karma
是一款目的在于救助您在分化的浏览器上机关运行测试的工具。它能够帮忙您在颇具浏览器上运营Mocha 和 Chai 测试。

不是各种浏览器都运转在具备平台,但有幸的是足以行使部分免费工具来测试其余浏览器,看看 Browser
Screenshots。固然您正在 OS X 上运转代码,想测试 Edge 或
IE,能够 免费 使用那么些工具。

哪一天使用 Karma?当你的应用程序有2个宏观的测试套件,并期望确定保障测试在拥有浏览器上通过时。

GitHub: 
当前版本: v0.13
网址: karma-runner.github.io

  Website: angularjs.org

亚洲必赢官网 2

PhantomJS

运作全部的浏览器来测试你的代码比较耗内部存款和储蓄器和
CPU。PhantomJS 允许你运营二个轻量的 WebKit —— Safari 和Chrome(以往是
Blink)后台的渲染引擎。它同意你通过 JavaScript API
运转测试,捕捉截图,监察和控制网络和活动浏览页面。

曾几何时使用 PhantomJS ?当您必要开始展览更加多的测试,操作页面和监视网络请求时。

GitHub: 
日前版本: v2.0
网址: phantomjs.org

  二:React 是15年最受欢迎的 JavaScript 项目!差不离人人都在议论
ReactJS。2018年,作者插手的每3个会少了一些都会有一三个话题研商 React
和千篇一律种类下的别的库( Flux , Redux ) 。React 是一个开源项目,差不多是由
Fackbook 和其他首要的技术集团进献开发的。React
称本人为为创设用户接口而提供的 JavaScript 库。

React 是现年最受喜爱的 JavaScript 的工程!每一种人就像都在座谈
ReactJS。每二个集会上,二零一八年在场的议会,至少有四个人是在谈论 React。React
是开源的,首要是由 facebook 借助任何同盟社的第壹技术开发出来的。React
描述本人是3个 JavaScript 库,用于创设用户界面。

Grunt & Gulp

为生产条件创设网站,常常涉及到压实品质的天职,比如 JavaScript
和 CSS 的回落, CoffeeScript/TypeScript
的编写翻译,单元测试,语法检查。只怕你已经有三个为网站宣布到生产条件的工具链,如若没有,你能够利用职责运营器,比如
Grunt
或Gulp。两者都有恢宏有关网站的别的转换的插件,为公告到生育条件做好准备。

什么时候使用 Grunt?当您欣赏写配置文件同时不介意你的职务运营器生成人中学间文件时。

Grunt GitHub: 
Grunt 当前版本: v0.4.5
Grunt 网址: gruntjs.com

哪天使用 居尔p?当你欢腾在布局上写代码和选拔 node.js
的流成效来增长速度任务履行时。

Gulp GitHub: 
居尔p 当前版本: v3.9.0
Gulp 网址: gulpjs.com

  React 基本上用来作为 MVC 中的 V。它完全专注于 MVC 中的 V
部分,而忽略了使用中的其余一些架构。它提供了一个组件层,那让我们易于制作UI成分并将那么些UI元素组合在一块。它抽象出了DOM,由此而优化了渲染,
并允许你利用 node.js 渲染
React。其余,它达成了单向数据交互流,那使它比其余的框架更易于领悟和行使。

React 在 MVC 中,主就算 View。它完全专注于 MVC
这有个别,无视应用程序的别的一些。它提供了三个成分层,能够更便于采纳UI成分,并将它们构成在一齐。它抽象了
DOM,使其擅长于优化渲染,并同意行使 node.js 来抒发 React ;
它实现了八个一边灵活的数据流,使得它更便于理解和平运动用其余框架。

Babel

JavaScript
语言正在迅猛升高。ECMAScript二〇一五于二〇一八年冬日发表,它的无数新特色在新型的浏览器上完成了。倘若您想看看
ECMAScript 二零一五 的包容性,你能够看看来自 @kangax
的这几个 表。你会注意到,最新版本的 Edge,Firefox 和
Chrome 已经差不离统统匹配了。

作者们并不是在世在二个两全的社会风气。作为开发人士,我们供给继续帮忙旧的浏览器,它们从不流行最好的
JavaScript 天性。大家要有助于 web 和立异大家的代码库。Babel 是叁个JavaScript 编写翻译器,用于把最新的 JavaScript 标准编写翻译成可在 IE9
等老浏览器上运转的兼容ES5的 JavaScript。它有一对插件,使得 React
开发更便于,甚至足以选取一些不属于该规范的性状(例如ES7)。

曾几何时使用 Babel?当您想选择新的
JavaScript 语言特色,同时还要补助老版本浏览器时。

GitHub: 
当下版本: 6.1.2
网址: babeljs.io

  多个体系例如 Angular ,Ember 绑定使用 React 成为 MVC 中的 V。

作为在 MVC 中的 V,许多工程组成 React 和 AngularJS 或 Ember 一起行使。

越多 Web 开发实践

本文来源微软技能布道师 Web
开发体系,里面有实用的 JavaScript
学习,开源项目和互操作性的特等实践(包蕴与 微软Edge 浏览器和新的 EdgeHTML渲染引擎)。

咱俩鼓励你跨浏览器和配备举办测试,包括微软的艾德ge——Windows
10的暗中认可浏览器——在 dev.modern.IE 上有免费工具:

  • 围观你的网站中过时的库,布局难题和可访问性
  • 下载 Mac, Linux 和 Windows
    下的免费虚拟机
  • 跨浏览器检查 Web 平台状态,包含微软 艾德ge
    的路线图
  • 在你的装置上长途测试微软
    Edge

出自大家工程师和布道者的更深入学习:

  • GitHub 上的编码实验室:
    跨浏览器测试和特级实践
  • 2015 微软 Edge Web
    峰会 (来自大家的工程师团队和JS社区)
  • 很棒,笔者能够在 Mac 和 Linux 上测试 艾德ge 和 IE
    了! (来自Rey
    Bango)
  • 促进 JavaScript 同时不损坏
    Web (来自Christian
    Heilmann)
  • 艾德ge 渲染引擎让 Web
    工作 (来自Jacob
    Rossi)
  • 基于 WebGL 的 3D
    渲染 (来自David
    Catuhe)
  • 托管 web app 和 web
    平台的改革机制 (来自Kevin
    Hill和Kiril Seksenov)

大家的社区开源项目:

  • vorlon.JS (跨设备远程
    JavaScript 测试)
  • manifoldJS (布置跨平台托管
    web app)
  • babylonJS (让
    3D 图形制作更简便)

更加多免费工具和后端web开发内容:

  • Linux, MacOS 和 Windows
    下的 Visual
    Studio
    Code
  • 使用 node.JS
    编码并在 Azure
    上免费试用

    2 赞 26 收藏 1
    评论

  哪天利用 React?当你想要有二个强有力的 View
层,而利用中的其余一些缺不必要一个繁杂的框架时,或当您想要三个 View
层和您的 Angular, Backbone,或然Ember应用一起利用。当您试着创设三个同构的网页框架。

如何时候使用 React?当您想要三个有力的 View
层,但利用的其余一些却不需求详细的框架时,大概当您的选择中想要二个组合
了Angular、Backbone 或 Ember 的视图层时,又可能是开创三个同构的 Web
框架时。

有关小编:cucr

亚洲必赢官网 3

今日头条知乎:@hop_ping
个人主页 ·
笔者的作品 ·
17

亚洲必赢官网 4

  GitHub:

Backbon

  方今版本:v0.14.0

亚洲必赢官网 5

  网址: Facebook.github.io/react/

Backbone 是1个很出名的回顾的框架,融入了1个纯净的 JavaScript
文件。Backbone 流行了一段时间。由 杰里米 Ashkenas 从CoffeeScript 和
Underscore 框架中开支出来的。对于追寻小型框架结构的团体来说,Backbone
是特地受欢迎的。因为她们小型的 Web 应用是不供给选取像 AngularJS 和 Ember
这样的特大型框架的。

  Backbone

Backbone 提供了一个完整的 MVC
框架和路由。该模型允许键-值绑定和处理数据变动的轩然大波。Models(和
Collections)能够接连到 RESTful API 中。Views
能够申明事件处理,而路由器则足以13分美好地拍卖 U锐界L
和状态管理。在确立一个不提供太多效益和非须要复杂作用的单页面应用时,能提供你所需的享有机能。

  Backbone 是
1个露脸的简洁的框架,全体内容都得以停放四个单纯的文书里。Backbone
已经流行了一段时间,其小编是 杰里米 Ashkenas,曾经由于开发了
CoffeeScript 和 Underscore 而为我们所知。Backbone 特别适用于供给开发的
web 程序一点都不大的那些组织,他们愿意能应用小巧的框架,而不是像 Angular 可能Ember 那样的重型框架。

什么样时候利用 Backbone?Backbone 是适用于不难 Web 应用的 GOTO 框架。

  Backbone 提供了专职能的 MVC 框架和路由。它的 Model 能够完毕key-value 绑定和多少更新的事件处理。Model(及 Collection)能够与 RESTful
的 API 协同工作。View 能够注脚事件处理,Router 在 U翼虎L
处理和情景管理方面做的很好。对于开发2个单页面应用,全数必要的作用都得以支撑,不必要额外引入不需求的复杂。

Ember

  什么日期使用 Backbone?对于小型的 web 程序,Backbone 是自家必选的框架。

亚洲必赢官网 6

  GitHub:

Ember 是3个单身的 Web 应用程序框架,专注于编码效能。Ember
是比较受欢迎的,宗旨团队包涵牛人 Yehuda Katz,他是 Ruby on Rails 和
jQuery 的主旨团队之一。Ember
描述本身为贰个不浪费你的小运,能用于成立伟大 Web 应用程序的框架。
那是至极有呼声,那也使你有了众多摘取。

  当前版本:1.2.3

Ember 也是3个 MVC
框架。它回顾二个模板和视图引擎,保险了数据变化时的自动更新,就像AngularJS,Backbone 和 React 一样。它总结的概念 web
组件,让你用自个儿的价签来扩大 HTML(就像是AngularJS)。它也有一个路由和模型引擎,能够和 RESTful API 协同工作。

  官方网站: backbonejs.org

如何时候使用
Ember?要是你只是想要多少个力所能及工作的框架时、恐怕你的预算紧张、又大概最终时间限制将近时,不追求太多的油滑,能够运用
Ember。

  Ember 作为三个 web应用框架,万分专注于程序员的效能上。Ember
绝比较较盛行,宗旨团队有不少很聪明的分子,包蕴 Yehuda Katz,他是 Ruby on
Rails 和 jQuery 的骨干团队的积极分子。Ember
对团结的定势是“1个用来创设震撼的 web
应用的框架”,它也确实不会浪费你的时日。它在那上边卓殊在意,为你提供许多的挑选。

JQuery

  Ember 同样也是几个 MVC
的框架。它涵盖1个模板和视图引擎,在数量更新时方可自动更新,那地方与Angular,
Backbone, 和 React 类似。它还有三个 web 组件
的定义,允许你用本身的竹签扩大HTML,(如Angular)。它还有2个路由及 model
引擎,能够与 RESTful API 一起坐班的很好。

亚洲必赢官网 7

  曾几何时使用
Ember?适用于你须要三个框架马上就能利用。对灵活性须要不高的时候能够选拔Ember,因为你平凡是预算紧张只怕工期紧张。

jQuery
是二个不须求过多介绍的框架。它凭一己之力使得跨浏览器站点成为切实并敦促
Web 发展到今天。Web 标准被多数重点浏览器厂商所选用真正的推崇,jQuery
是其缘由之一。jQuery
的基金会的沉重是“通过开发和支撑开源软件,进步开放的互连网,使之为全部人开放,并与开发社区合营。”

  GitHub:

jQuery 是社会风气上最常用的 JavaScript
库,没有应用程序不去选拔它,除非不在乎编码效能。它使得在具备浏览器中,DOM
traversal、事件处理、动画、AJAX 是那样的简便和不难。

  当前版本:2.1.0

怎样时候使用 jQuery?除你想选择像 Zepto 那样的轻量级版本之外,都得以运用
jQuery。

  官方网站: emberjs.com

Wijmo

  JQuery
那几个库就绝不多做牵线了。它独立负责了让跨浏览器网站成为现实的任务,是它使得整个
web 成为前几日以此样子。Web
标准的制订以及浏览器厂家对专业的收受地点,jQuery 功不可没。jQuery
基金会的靶子是”通过开源软件的付出和帮衬,以及社区的同盟,拉长开放的互连网,让种种人都能访问”

亚洲必赢官网 8

  JQuery 是社会风气上选用最广的 JavaScript
库,没有使用能够离开它,除非您对开发成效不感兴趣。它使得 DOM
遍历、事件处理、动画和 AJAX 在拥有浏览器上都变得那般的粗略易用。

Wijmo Enterprise 是为公司应用程序开发而推出的一一日千里包蕴 HTML5 和
JavaScript 的付出控件集。包涵有进步的 JavaScript 控件、经典的 jQuery
小部件、金融图标、以及 FlexSheet 和 OLAP,能够满足移动端、PC 端和支撑
IE6 等应用程序的要求。同时,Wijmo 还协理其他流行的框架,如
Angular、Angular二 、KnockOut、Vue、React 等。

  哪天使用 jQuery?任曾几何时候,除非你打算利用更轻量级的本子,例如 Zepto

什么样时候使用 Wijmo?当你想为应用程序创设具有得天独厚用户体验的用户界面时。

  GitHub:

Underscore&lodash

  当前版本:v1.11.3 或 v2.1.4

亚洲必赢官网 9

  官方网站: jquery.com

对此程序开发者来说,一些 JavaScript
的内置,效能是相当矮的。总有贫乏实用的意义或将代码化简的函数。Underscore(和
lodash)是三个 JavaScript 库,提供了实用效率,同时不供给 JavaScript
对象放置的猴子补丁。那多个库提供超越 100
个帮扶函数和其他尤其好用的功能;,包涵像地图,过滤器,调用,缩减,模板,调节,绑定,扩充,挑选,克隆和越多的作用。

  Underscore 和 lodash

什么样时候使用 Underscore?当你须求贰个单一 JavaScript
文件来坚实编码效能时。

  有时内置的 JavaScript
对于让程序员真正的有生产力还远远不够。总是会缺了一个工具函数,又或许是几个能简化代码的函数。Underscore
(还有 lodash) 就是那般的1个 JavaScript
库,它提供了一整套工具函数,无需经验不足的程序员再去给停放的 JavaScript
对象打补丁。多少个库都提供了当先 100
个援助函数,还有任何越发的好东西;包蕴了像 map, filter, invoke, reduce,
template, throttle, bind, extend, pick, clone 等等那么些函数。

何以时候使用 lodash?当你必要贰个模块和轻量高效的,不难被 英特尔和社区插件帮衬 Underscore 版本时。

  何时利用 Underscore?当您想要拥有二个立即能提升程序员效能的
JavaScript 文件时。

D3.js

  Underscore GitHub :

数量可视化和图纸是 Web
应用程序的广泛须要。当提到到其它数据操作和可视化,D3.js
是实际上的正经。它是在 GitHub
上最受欢迎的系列之一,并在被数百个协会使用。大批量的图样,图表和可视库建立在
D3 上。

  Underscore 当前版本:1.8.3

D3 允许操作任何数据源的公文,并且可以变换为 DOM、SVG 或 CSS。D3
专注于当代互联网正式,并保险像 Flash 或 Silverlight 等专有格式的免费。

  Underscore 网站: underscorejs.org

怎么时候利用 D3.JS?当您须求其余方式的可视化时。

  何时利用
lodash?当您想要贰个模块化的,质量更卓绝一点的,并附带有对于 英特尔和社区插件扶助的 Underscore 版本时。

Babylon.js

  Lodash GitHub:

想要创造三个完全运会转在当代 Web 标准和跨浏览器上的录制游戏?能够设想
Babylon.js,Babylon.js 是三个确立在 WebGL 和 JavaScript 上的 3D
游戏引擎。你能够创设二个多疑的高品质的游艺引擎,包含物理,音频和粒子系统。

  Lodash 当前的版本:v3.10.1

什么样时候利用 Babylon.js?当您正在创设二个带有其他复杂 3D
场景的摄像游戏时。

  Lodash 网站: lodash.com

three.js

  D3.js

亚洲必赢官网 10

  数据可视化和图片是web应用程序的一种符合规律须求。当提到到此外数据操作和可视化时,D3.js
便是事实上的规范。它是 GitHub
上最受欢迎的品类之一,并被数百个集体单位所运用。多量的图纸、图标和可视化库都以构件于
D3 之上的。

想要创制3个 3D 可视化,却又不要求总体的游艺引擎?Three.js
提供了二个轻量的 3D 库来将 3D 渲染成八个 HTML5 canvas、SVG 和
WebGL。那着实是1个斐然的库,在 Three.js
的用例显示中,有几百个效益很好的事例。

  D3 让你能够操作任何来自的数据文书档案,并将数据举办转换后使用到 DOM、SVG
和 CSS上。D3 专注于当代的 web 标准,以及保险您可以不受到其余像 Flash
只怕 Silverlight 那样的专有格式的限制。

何以时候利用
three.js?每当你要求3个容易的三维可视化,能够出口到画布上时。

  哪一天使用 D3.js?当你必要别的项目标视觉效果的时候。

Mocha & Chai

  GitHub:

亚洲必赢官网 11

  当前版本:3.5.6

在相当长一段时间里,JavaScript
的测试令人思疑的抑郁。从头开端,测试任何代码日常被视为令人讨厌的,但它是每二个开发者应该做的。同时,测试他们的代码,每种开发者就好像总是很不足,而挑选忽略它。有四个方式来革新那些难点,正是行使
Mocha & Chai
的款式。纵然那五个库从美味的热饮中得名的,可是它们都足以以不一样的不二法门测试你的代码。

  网站: d3js.org

Mocha 是二个 JavaScript 测试框架,能够很自在地在 node
模型和浏览器应用程序中测试异步代码。Mocha
测试能够串联运营,并且对于科学的测试用例具有高品质的跟踪非常。

   Babylon.js

Chai 是三个表现使得的开销/测试驱动开发断言库,能够与 Mocha
配套使用。它使得能够很不难的以一种可读的点子去抒发您的测试内容。

  想要创设3个截然运行于现代浏览器上,并且能跨浏览器运营的摄像游戏吧?那就看看
Babylon.js 吧,它是2个 3D 游戏引擎,基于 WebGL 和
JavaScript。你能够选拔其大体、音频和粒子系统成立出超过预想的高品质游戏来。

怎么样时候利用 Mocha 和Chai?
永远都可以!请测试你的代码,使世界变得更美好。

  哪天利用 Babylon.js?当你正在营造二个录像游戏或然1个某连串型的
3D 场景时。

Karma

  GitHub:

本条列表上带有了 Mocha 和
Chai,如若不包罗运营这一个测试和设定持续集成测试的运转者,那么那将是不完整的。Karma
是1个意在救助针对分化的浏览器自动运转测试的工具。那将帮忙您在装有的浏览器上运维Mocha 和 Chai。

  当前版本: 2.2

并不是每二个浏览器都能够在每一个平台上运营,幸运的是,有局地免费的工具,你能够用来测试其余浏览器,
例如浏览器截图。借使你在 OS X 上运维,并期望测试 艾德ge 或 Internet
Explorer,您能够行使那种免费工具。

  网站: babylonjs.com

怎么时候使用
Karma?当你的应用程序有多少个完好无损的测试套件,并想要确认保障在装有的浏览器上测试通过时。

  Three.js

PhantomJS

  想要创设三个 3D 视觉特效,但是又不须求三个效果完全的玩乐?Three.js
提供了贰个轻量级的 3D 库,让你能够将 3D 效果渲染成1个 HTML5 的 canvas,
SVG, 和 WebGL。这是1个详单简单的库,在 three.js
陈列站点上得以看来数百个了不起的示范。

亚洲必赢官网 12

  什么时候利用 Three.js?当您必要1个简单的能出口为 Canvas 的 3D
视觉效果时。

运营专职能浏览器,以测试你的代码内部存款和储蓄器和 CPU 密集型。PhantomJS 允许你在
Safari 和 Chrome 上运维 headless WebKit的渲染引擎。那样您就足以运维你的测试,捕捉显示屏截图,监视互连网,使用
JavaScript API 自动浏览页面。

  GitHub:

怎样时候利用 PhantomJS? 当你要求做越来越多的测试,操作页面并监视网络请求时。

  当前版本: r73

Grunt & Gulp

  网站: threejs.org

亚洲必赢官网 13

  Mocha 和 Chai

出品网站建设经常会涉嫌到有的增加品质的职务,例如收缩 JavaScript 和
CSS,CoffeeScript/TypeScript 的编写翻译,单元测试,性能lintin。大概你早已为产品网站准备好了工具链,可是假若还未曾,那么您能够利用
Grunt 和 Gulp 那样的工具。那四个工具都有为数不少插件,来增派您到家产品网站。

  长久以来测试 JavaScript
一向都令人不甚反感。说起来,测试任何代码都以令人反感的,但又却是种种开发者应该做的事务。各个开发者如同总是对此不屑,忽视掉针对它们的代码的测试工
作。 现在有了痊愈那种反感的法门了,那就是 Mocha 和
Chai。而四个库都是美味的热饮命名,都能支援你测试代码,可是格局各异而已。

如哪天候利用
Grunt?假若您喜爱写配置文件,并且不介意使时局营时期发生中间文件时。

  Mocha 是1个 JavaScript
测试框架,它使得针对你的node模块恐怕浏览器选择中的异步代码的测试变得不难起来。Mocha
测试可以串起来运转,并且对于针对合适的测试案例开始展览拾分跟踪的材质不错。

如什么日期候使用 居尔p?假若相比较于写配置文件,你更欣赏写代码,并且想要使用
node.js 的流媒体成效来更快的举行职分时。

  Chai 是2个表现使得开发和测试驱动开发的断言库,可与 Mocha
正财。它以一种可读性好的风骨来描述您所要测试的东西,用起来简单。

Babel

  哪一天利用 Mocha 和 Chai?用他们就对了!
请测试你的代码,让这一个世界变得更好。

JavaScript 作为一门语言,发展地相当的慢。2014年夏天的 ECMAScript
公布了它的无数在最新的浏览器中贯彻的新作用。要是你想看看二零一六年的
ECMAScript 包容,你能够看看来自原 @kangax 的列表。你会发现新型版本的
艾德ge,Firefox 和 Chrome,具有类似完全的包容性。

  Mocha GitHub:

我们不是在世在3个全面包车型大巴社会风气。作为开发职员,大家需求继续辅助那多少个没有最新
JavaScript 性格的旧版浏览器。大家要有助于网络并抓好我们的代码库。Babel
是1个 JavaScript 编译器,能够将最新的 JavaScript 标准编写翻译成 ES5 包容的
JavaScript,那样就允许在像 IE9
那样较老的浏览器上运维。它有一部分插件,使得很简单的行使 React
去支付,甚至运用一些规范之外的性状去付出。

  Mocha 当前版本: 2.3.3

什么样时候利用 Babel?当您要选拔新的 JavaScript
语言特征,同时继续援救旧版浏览器时。

  Mocha 网站: mochajs.org

越多的Web开发实践

  Chai GitHub:

本文来源于 JavaScript
学习小说中微软技能布道者和工程师的多重文章之一,同时最好的稿子里也暗含微软的
艾德ge 浏览器和新的 艾德geHTML 渲染引擎。

  Chai 当前版本: v3.4.1

笔者们鼓励大家测试跨浏览器和装备,例如微软的 艾德ge(Windows10
暗许的浏览器)

  Chai 网站: chaijs.com

小说来源:by Rami Sayar

  大家早已在这份清单中总结了 Mocha 和 Chai
,假如不去把能够运营这么些测试或然大概能够设定持续集成测试的测试运营器拉进来的话,那么那份清单就不会是欧洲经济共同体的。Karma
是一个用来援助您在不一样的浏览器中自动运转你的测试的工具。它将会拉拉扯扯您在时下全数的浏览器上运转你的
Mocha 和 Chai 测试。

初稿链接:

  并不是各种浏览器都会运维于种种平台之上,可是幸运的是有诸多免费的工具可供你用来测试其他的浏览器,能够在
浏览器截屏 上看一看。假设你是在 OS X 上运维以来,并且要测试的是 艾德ge
大概 IE 的话,你就足以 免费 使用这么些工具。

转发请申明来源:葡萄城控件

  什么日期使用
Karma?当您想要拥有一个效用全面包车型地铁测试套件,并像确定保证测试能在装有的浏览器上经过时。

有关葡萄城

  GitHub:

葡萄城是整个世界控件行业理事,世界抢先的集团应用定制工具、集团报表和商业智能消除方案提供商,为当先四分三的海内外财富500强集团提供劳动。

  当前版本: v0.13

  网站: karma-runner.github.io

  PhantomJS

  运维总体的浏览器来测试你的代码是要凝聚消耗内部存储器和 CPU 的。PhantomJS
让您能够运作贰个彻头彻尾的 Web基特 —— Safari 和 在此以前版本的 Chrome
中的渲染引擎(未来是 Blink)。它能让您通过一个 JavaScript API
来运作测试、截屏、模拟互连网以及自动的浏览页面。

  何时利用 PhantomJS
?当您供给展开越多的测试、操作网页和模拟互连网请求的操作时。

  GitHub:

  当前版本: v2.0

  网站: phantomjs.org

  Grunt 和 Gulp

  营造用于生产环境的网站一般还波及到一些升任品质那方面包车型大巴天职,像
JavaScript 和 CSS 的最小化,CoffeeScript/TypeScript
的编写翻译,单元测试,代码精简。或者你早已有了一个工具链,用于准备你生产版本上的网站,而一旦您还尚未的话,就会想要拥有四个像
Grunt 恐怕 居尔p
这样的任务运营器。它们都游人如织的插件,能为你的网站实行其余的转移,以使其能投产条件。

  哪天使用
Grunt?当您更乐于编写配置文件,而对此你的职责运维器会生成什么中间文件并不关怀时。

  Grunt GitHub:

  Grunt 当前版本: v0.4.5

  Grunt 网站: gruntjs.com

  哪一天使用 Gulp?当你更愿意编写配置代码,并且想利用 node.js
的流处理能力完毕更快的任务履行时。

  Gulp GitHub:

  居尔p 当前版本: v3.9.0

  Gulp 网站: gulpjs.com

  Babel

  JavaScript 作为一门语言发展很迅猛。ECMAScript 二零一五在2018年夏天公告,而它的好多新特色正在许多新型的浏览器中被完毕。假使你想要精通有关浏览器对
ECMAScript 2016 包容消息,能够看看那么些来自于 @kangax 的 表格
。你会注意到最新版本的 艾德ge,Firefox 和 Chrome 已经大致是截然的合作了。

  大家并不是生存在三个圆满的社会风气中。作为开发者,我们将会要求持续援助老版本的浏览器,它们不抱有新颖和最棒的
JavaScript 功用特色。而小编辈实在是想要发展大家的 web
并进步大家的代码库。Babel 就是1个 JavaScript 编译器,它能够将最新的
JavaScript 标准编写翻译成包容 ES5 的JavaScript,让你能够在 IE9
那么老的浏览器上运营它们。它装有一些插件,让使用 React
开发尤其不难,设置会利用那么些并不是业内 (例如 ES7) 的组成都部队分的遵从特色。

  何时利用 Babel?当你想要使用新的 JavaScript
语言特征并且还要支撑老的浏览器时。

  GitHub:

  当前版本: 6.1.2

  网站: babeljs.io

  更加多 Web 开发的推行

  那篇小说是 web 开发种类的一有的,来自于 Microsoft
技术的传道者和工程师,内容都以有关实用的 JavaScript
学习、开源项目,还有互操作性最佳实践这几个方面,包罗了 Microsoft 艾德ge
浏览器和新的 艾德geHTML 渲染引擎 。

  大家鼓励你在具备的浏览器和装置,包蕴作为 Windows 10 暗中同意浏览器的
Microsoft Edge 上开始展览测试 —— 使用 dev.microsoftedge.com 上的免费工具:

  扫描你的站点上的过时的库,布局难点以及可访问性

  下载免费的 Mac, Linux, 和 Windows 的虚拟机

  在装有的浏览器,包蕴在 Microsoft 艾德ge 上检查 Web 平台的景观

  在您协调的设备上远程测试 Microsoft 艾德ge

  更深远摸底大家的工程师和传道者:

  GitHub 上的编码实验室:跨浏览器测试和最佳实践

  Microsoft 艾德ge Web 大会 二〇一四 (来自于大家的工程团队和 JS 社区)

  哇哦,我能在 Mac 和 Linux 上测试 IE 和 Edge 了! (来自于 Rey Bango)

  没有破话 Web 的先进的 JavaScript (来自于)

  能让 Web 立即起效用的 艾德ge 渲染引擎 (来自于 Jacob 罗斯尔i)

  使用 WebGL 发挥 3D 渲染的潜能 (来自于 戴维 Catuhe)

  托 管web 应用和web平台方面包车型地铁立异 (来自于 凯文 希尔 和 Kiril
Seksenov)

  我们的社区绽放源代码项目:

  vorlon.JS (多配备远程 JavaScript 测试)

  manifoldJS (铺排跨平台托管 Web 应用)

  babylonJS (让 3D 图形这几个事物更和蔼)

  更加多免费的工具和后端web开发的东西:

  Linux, MacOS, 和 Window s 上应用的 Visual Studio Code

  尝试在 Azure Cloud 上 使用 node.JS 编写代码

网站地图xml地图