澳门新葡亰娱乐官网 1

开采者的

By admin in 澳门新葡亰娱乐官网 on 2019年12月15日

JavaScript
框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github
上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不得不说苦了前端的开发者们。因此本文罗列出了一些优秀的
Javascript 框架和库的特及其在 github 上的 star
数,旨在为各位开发者提供一些参考。

JavaScript,一种所有主流浏览器都支持的语言,是开发基于浏览器的 Web
应用程序的主力,几乎每年都会受到来自众多开发人员的关注。自然地,框架和库的生态系统自然而然地围绕着
JavaScript 而努力,以简化和增强 JavaScript 应用程序的开发。

1、ReactJS(Star: 59989,Fork: 10992)

这些工具提供从事件处理到代码缩减和数据渲染的功能。以下是开发基于浏览器的
Web 应用程序的 JavaScript 开发人员工具包中最必要的技术汇总。

主页:

澳门新葡亰娱乐官网 1

React.js是一个用来构建用户界面的 JavaScript
库,主要用于构建UI,很多人认为 React 是 MVC 中的 V。React 起源于
Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5
月开源。React
拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

Angular

1.声明式设计−React采用声明范式,可以轻松描述应用。

Angular,之前是由Google开发的被称为AngularJS,是用于移动和桌面Web开发的单框架。为了创建类原生渐进式web应用程序,Angular提供用于汇编应用程序的数据服务的依赖注入,以及用于复合组件的HTML模板。

2.高效−React通过对DOM的模拟,最大限度地减少与DOM的交互。

何处下载Angular?

3.灵活−React可以与已知的库或框架很好地配合。

Angular项目快速入门页面使得开发者可以轻松开始使用Angular。

4.JSX− JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX
,但我们建议使用它。

Angular的功能

5.组件− 通过 React
构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。

2016年9月的Angular第2版的特色是基于TypeScript(Microsoft的JavaScript类型化超集)的重写,以处理在Angular初始版本中架构上存在的性能限制。

6.单向响应的数据流− React
实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

现在,开发者都在等待Angular
5,预计到到十月二十三日发布(没有第3版或第4版)。它预期的功能包括:

2、AngularJS(Star: 54769,Fork: 27292)

用于在浏览器中缓存应用程序,以加强构建渐进的Web应用程序的便利性。

主页:

构建优化器,通过删除不必要的代码使应用程序更小。

Angular JS 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI
组件。它支持整个开发进程,提供 Web 应用的架构,无需进行手工 DOM 操作。
AngularJS 很小,只有 60K,兼容主流浏览器,与 jQuery 配合良好。

使Material Design组件与服务器端渲染兼容。

3、Vue.js(Star: 43608, Fork: 5493)

Angular 6,预计发布时间比Angualr 5玩晚发布五到六个月,将聚焦于与Angular
5相同的主题:易用性,更小尺寸和性能。Angular本身具有强大的生态系统,在IDE中有四个数据库和支持,如JetBrains
IntelliJ Idea。

Aurelia

Vue.js 是构建 Web 界面的 JavaScript
库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。

由聚焦的模块组成的Aurelia是由Blue
Spire开发的用于移动、桌面和Web应用程序的客户端框架。它实现了快速渲染和“高效”的内存使用率。

●将普通的 JS 对象作为 model

何处下载Aurelia?

●简洁明了的 API

你可以从GitHub上下载Aurelia。

澳门新葡亰娱乐官网,●组件化 UI 构建

Aurelia的功能

4、jQuery(Star: 43432, Fork: 12117)

Aurelia有处理元数据、依赖注入、绑定、模板和路由的模块。Aurelia集成了Web组件,并提供与对象的双向数据绑定。多数Aurelia代码都是以纯JavaScript编写的。其他功能包括:

主页:

一个用于构建自定义元素和给元素添加属性的HTML编译器。

JQuery 是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+,
Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML
documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种
应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

支持动态加载。

5、Meteor(Star: 36691,Fork: 4617)

用于单元测试的可构建耦合代码的依赖注入容器。

主页:

提供创建新项目选项的Aurelia CLI,需要安装Node 4或更高版本、NPM 3和Git。

Meteor 是一组新的技术用于构建高质量的 Web
应用,提供很多现成的包,可直接在浏览器或者云平台中运行。

与Polymer库的集成,用于构建可重复使用的web组件。

主页:

在模板引擎中,用于组件继承时支持bindable的继承。

Angular 是一款十分流行且好用的 Web 前端框架,目前由 Google
维护。这个条目收录的是 Angular 2 及其后面的版本。由于官方已将 Angular 2
和之前的版本Angular.js分开维护(两者的 GitHub
地址和项目主页皆不相同),所以就有了这个页面。

web前端/H5/javascript学习群:250777811

7、Ember.js(Star: 17540,Fork: 3646)

欢迎关注此公众号→【web前端EDU】跟大佬一起学前端!欢迎大家留言讨论一起转发

主页:

Backbone.js

Ember是一个雄心勃勃的Web应用程序,消除了样板,并提供了一个标准的应用程序架构的JavaScript框架。

Backbone.js ,也就是 Backbone ,为重度 JavaScript
应用程序提供了结构体。它具有带有键值绑定和自定义事件的模型,它们是一个支持可枚举函数和声明性事件处理视图的
API 的集合。

8、Polymer(Star:16979,Fork: 1699)

何处下载 Backbone.js ?

主页:

你可以从 Backbone 项目网站下载开发版本和产品发布版本。

在2013年的Google
I/O大会上,Google发布了Polymer,它是一个使用Web组件构建Web应用的类库,同时也使用了为Web构建可重用组件的新的HTML
5标准。Polymer为大部分Web组件技术提供了polyfills功能,它能让开发者在所有的浏览器支持新特性前创建自己的可重用组件。此外,Polymer提供了一系列的部件的例子,其中包括天气、时钟、股票行情和线型图。

Backbone.js 的功能

Polymer中的polyfills为需要使用Web组件成功构建应用提供了多种Web技术,包括:

Backbone.js
中的数据是使用可以创建、校验、销毁并保存到服务器的模型表示的。这些模型通过
RESTful JSON 接口连接到应用程序。使用 Backbone.js 时,当 UI
操作提示要更改模型的属性时,该模型会触发更改事件。显示模型状态的视图会收到此更改的通知并重新渲染他们。

●HTML imports:种在其他HTML document中引入和重用HTML document的方法。

Ember.js

●自定义元素:让开发者定义和使用自定义DOM元素。

Ember.js 是一个强调开箱即用的高效率的框架。它具有集成的模板,被称为句柄条,旨在减少代码编写量;
在数据改变时,这些模板会自动更新。

●Shadow DOM:在DOM中提供的封装。

从哪里获取 Ember.js

●模型驱动视图:提供象AngularJS的数据绑定。

可以在 NPM 中输入 npm install -g ember-cli@2.15 来安装 Ember.js 。

●Web动画:实现复杂动画的API。

Ember.js 的功能

●Pointer事件:对鼠标触摸和手写笔事件的封装

Ember.js 的功能包括:

9、Zepto.js(Star: 12074,Fork: 3260)

专注于简化开发的 API 。

主页:

专注于让开发者使应用程序特例化的通用风格。

Zepto.js
是支持移动WebKit浏览器的JavaScript框架,具有与jQuery兼容的语法。2-5k的库,通过不错的API处理绝大多数的基本工作。

Ember.js 3.0 稳定版会在2018年1月1日发布测试版之后的2月12日发布。在 2.x
版本中不推荐使用的 API ,依然是支持的,这些 API 将在 Ember.js 3.x
中被清除。 一个 add-on 应将支持在 3.x 代码行中的 Ember.js 2x API 。

10、Riot.js(Star: 11491,Fork: 902)

Ext JS

主页:

与其他知名的 JavaScript 框架不同,Sencha 的 Ext JS 并不是开源的;
它是一种商业产品。它用于构建面向企业的数据密集型跨平台 Web
应用程序,需要多种形式的因素。

Riot.js是一个客户端模型-视图-呈现框架并且它非常轻量级甚至小于1kb.尽管他的大小令人难以置信,所有它能构建的有如下:一个模板引擎,路由,甚至是库和一个严格的并具有组织的MVP模式。当模型数据变化时视图也会自动更新。

何处下载 Ext JS ?

当然除了以上提到的这些,还有很多优秀的 Javascript
框架和库,并且几乎每隔一段时间就会涌现一个新的产品。

The Ext JS 软件可以从 Sencha 的 Ext JS 页面下载到。

Ext JS 的功能

Ext JS 框架提供了许多组件,例如数据网格和日历。Ext JS 可与 Sencha
Architect 等工具一起使用,用于拖放 HTML5 应用程序开发,以及 Sencha
Themer ,用于应用程序的样式设置。

Ext JS 的构建器正在考虑如何使用 Ext JS 的架构执行长期的任务。Sencha
计划在今年年底或明年初发布 Ext JS 7 ,但是由于 Sencha 收购了 Idera
,这些计划现在被搁置了。关于提供符合最新的 ECMAScript 标准和使用 NPM
包管理器和 Webpack 模块绑定器的可行性讨论已经举行过了。

jQuery

JavaScript 的 jQuery 库的 API 提供了操作 HTML
文档、事件处理和动画等功能。jQuery 库由 JS 基金会管理,于 2006 年 8
月首次发布。

哪里下载 jQuery?

jQuery 可以从jQuery 项目网站下载。

jQuery 的特性

jQuery 并不是用来构建应用程序的框架,但它提供基本的
API,很容易在浏览器中操作 DOM。jQuery
也可以和应用程序构建工具一起使用,比如 Angular 和 React/Redux。

jQuery 团队现在差不多每年发布两个版本,从现在到 2018
年中只会发布一些小版本。除此之外,jQuery 4.0
和后续版本要求使用“下一代”JavaScript完全重写,这需要对构建系统进行更新。在
jQuery 4 和后续版本中还有如下计划:

重写 jQuery 的速度框架,跟踪性能回归

新设计的事件模型,会丢弃特殊事件钩子,避免使用 jquery.Event 类的包装

支付新的原生选项,比如被动事件监听器

Meteor

Meteor(又名 Meteor.js )是一个 JavaScript
框架,可以使用较少的代码更快地开发
Web、移动和桌面应用程序。开发人员可以在所有环境中使用 JavaScript
,包括在应用服务器、Web 浏览器和移动设备上。

何处下载 Meteor

Meteor 软件可以从 Meteor 项目网站下载。

Meteor 的功能

Meteor 平台,也被称为 Meteor.js
,包括用于构建已连接客户端的响应式应用程序的技术,构建工具以及一系列来自
Node.js 和 JavaScript 社区的软件包。使用 Meteor
后,服务器会通过设备发送数据而不是HTML,然后在客户端渲染它。

Meteor 1.6 是下一个发行版本号,其重点是升级到 Node.js 8,这将让 Meteor
更好地利用服务器上的 ECMAScript 功能,从而提高构建性能。

Polymer

Google的Polymer
JavaScript库旨在使开发人员能够充分利用Web组件,为可重用的自定义元素提供与浏览器内置元素的交互提供可能。

何处下载Polymer?

你可以从Bower包管理器上安装Polymer。

Polymer的功能

5月份发布的Polymer
2.0版通过去掉DOM操作时使用的Polymer.dom改善了互操作性。这使得使用其他库和框架时再使用Polymer组件更容易。

Polymer 2.0中的其他功能包括:

数据系统的改进,以提升数据通过和元素之间的调试和传递。

ECMASript
2015类和标准的自定义元素。Polymer第1版中的方法用于定义元素,而不是使用Plymer的工厂方法。但是工厂方法仍然通过兼容性层来支持。

更简单的数组处理。

即将发布是Polymer 3.0,它目前是预览版本,功能包括Bower和HTML
import、NPM和ECMAScript 15模块。Bower和HTML
imports功能适用于基于HTML基于导入的工作流程。但是,他们把Polymer置于网络开发的主流之外,并且使人们难以使用其他框架或构建工具。

React

Facebook用来构建用户界面的 React
库 ,提供基于组件的声明性的视图(view),使用JavaScript来编写组件逻辑。React库,也就是React.js,并不支持模型(model)和控制器(controller),但是可以通过其他一些相关的项目完善这些功能。

哪里下载 React

React 可以从 React 项目网站 下载。

React 特性

你可以使用React的 JSX
语法 来描述用户界面。JSX允许在一个组件中混合使用JavaScript和HTML。在构建的过程中会转换成纯JavaScript。

为了提高性能,React 在最近的发行版React
16 中对架构进行了重写,称为Fiber。这次更新的主要特点是着重于为了处理大型组件的异步渲染。但是React本身还并不支持异步渲染,这将会在React
16.x的版本线中实现。

React 16的其他改进包括:

提供组件堆栈追踪,使得调试更加简单。

可以在组件的渲染方法(render)中直接返回字符串或者数组。

新的更快的,基于流的服务器端渲染。

更接近原生应用的性能。

在一些组织如Apache软件基金会反对其许可条款后,React
重新修改了其基于BSD+MIT Patents的新的许可证。Apache 担忧基于BSD +
Patents 的许可使得软件对于下游项目来说,不再是一个“万能捐赠者” 。

Vue.js

Vue.js是React的竞争对手之一,声称更快的渲染速度。其核心库聚焦于视图层,并且框架主要是为了增量实现。

何处下载Vue.js?

Vue.js软件可以从Vue.js项目网站下载。

Vue.js的功能

声明式渲染是Vue.js中的关键,使用模板语法将数据渲染到DOM中。Vue.js组件系统是一种抽象,支持由可自包含开发和可重用的模块组成的大型应用程序。Vue.js中的组件本质上是一个具有预定义选项的Vue实例。

Vue.js
2.5将于2017年10月到来,具有更好集成了TypeScript功能。稍后版本的Vue.js的计划包括:

使TypeScript用户更容易在Vue.js中启动新项目

使用代理重写框架的响应式系统

支持WebAssembly可移植代码格式

吸收Web组件更多功能的能力

web前端/H5/javascript学习群:250777811

欢迎关注此公众号→【web前端EDU】跟大佬一起学前端!欢迎大家留言讨论一起转发

觉得本文对你有帮助?请分享给更多人

相关文章

发表评论

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

网站地图xml地图
Copyright @ 2010-2019 澳门新葡亰官网app 版权所有