首页 > IT知识 > 南昌java培训:推荐14 个 JavaScript 的框架和库

南昌java培训:推荐14 个 JavaScript 的框架和库

2017年09月27日11:21:50来源:海文国际         117
分享到:
IT知识文章: 

南昌java培训:推荐14 个 JavaScript 的框架和库

1.Angular.js

Angular.js是目前最热门的JavaScript框架之一。它用于开发者构建复杂的web应用。Angular.js背后的思想是它的单页应用model。同时它也支持MVC架构。在Angular.js中,开发者可以在前端中使用JavaScript代码,并从字面上扩展HTML词汇。

Angular.js自2009年出现以来已经有了很大的改进。Angular1当前的稳定版本是1.5.8/1.2.30。你也可以试一试Angular2,相对于Angular1来说它有了重大的改进,但这个新版本仍未在全球范围内被普遍使用。

在Angular.js中,数据绑定是完成工作的一个重要概念。在用户与接口的交互中,当交互完成,view就会自动更新,随即新值与model交互以确保一切都是同步的。底层的逻辑在model中执行完成后,DOM也会随即更新。

2.Backbone.js

复杂web应用并不适用于所有场景。一些较简单的web应用框架例如Backbone.js就非常适合学习webapp开发。Backbone.js是一个简单的框架,可以快速方便地构建简单的web应用。和Angular.js一样,Backbone.js也支持MVC。Backbone.js还有一些其它关键特性如路由,RESTfulAPI支持,适当的状态管理等等。你甚至还可以用Backbone.js来构建单页应用。

当前的稳定版本是1.3.3,可以在GitHub中找到。

3.D3.js

D3.js是一个优秀的JavaScript库,它允许开发者创建具有数据处理功能的富web页面。D3.js使用SVG、HTML和CSS来实现这一切功能。使用D3.js,你可以更轻松地将数据绑定到DOM及启用数据驱动事件。使用D3.js,你还可以创建高质量的数据驱动的web页面来提供一个更易于理解的视觉效果来呈现数据。查看示例:LCF符号哈密顿图,由D3.js强力驱动。

4.React.js

React.js是一个使用起来很有趣的JavaScript框架。和其它的JavaScript框架不同,React.js志在构建一个高可扩展的前端用户界面。React.js出现于2013年,它采用了BSD开源协议。它因其能够开发复杂且漂亮的用户界面所带来的优势而迅速发展壮大。

React.js背后的核心思想是虚拟DOM。虚拟DOM在客户端和服务端之间扮演着一个中间人的角色并带来了显著的性能提升。虚拟DOM的改变和服务器端DOM一样,只需要更新所需的元素,相对于传统的UI渲染来说极大提升了渲染速度。

你还可以使用Recat来实现meterial风格的设计,使你能够开发具有无与伦比的性能的web应用。

5.jQuery

jQuery是一个非常流行的JavaScript库,它拥有众多特性例如事件处理、动画等。当你在做一个web项目的时候,你不会想要把时间浪费在为一些简单的功能写代码上。jQuery为减少你的工作量提供了一些易于使用的API。这些API在所有的常见的浏览器中都能够使用。使用jQuery,你可以无缝地控制DOM以及Ajax这样在近几年来拥有大量需求的任务。使用jQuery,开发者不必担心一些低级的交互,同时可以使他们的web应用的开发更加容易与迅速。

jQuery同时便于分离HTML和JavaScript代码,使开发者能够编写简洁而跨浏览器兼容的代码。并且使用jQuery创建的web应用在将来也易于改善和扩展。

6.Ember.js

Ember.js是一个Angular.js和React.js的功能混合体。当你在浏览社区的时候你能明显地感受到Ember.js的热门程度。Ember.js的新特性也不断地在添加。它在数据同步方面与Angular.js很像。双向的数据交换可以确保应用的快速性和可扩展性。同时,它还能够帮助开发者创建一些前端元素。

和React.js的相似之处在于,Ember.js提供了同样的服务器端虚拟DOM以确保高性能和高可扩展。同时,Ember.js提倡简化代码,提供了丰富的API。Ember.js还有非常优秀的社区。

7.Polymer.js

如果你曾想过创建你自己的HTML5元素,那么你可以使用Polymer.js来做这些事。Polymer主要集中于通过给web开发者提供创建自己的标签的功能来提供扩展功能。例如,你可以创建一个和HTML5中的<video>类似的具有自己的功能的<my_video>元素。

Polymer在2013年被Google引入并以三句版BSD协议发布。

8.Three.js

Three.js又是另一个JavaScript库,主要用于3D效果开发。如果你在做游戏开发的动画效果,那么你可以利用Three.js的优势。Three.js在底层中使用WebGL使Three.js可以轻松地被用于在屏幕上渲染3D物体。举一个比较知名的使用Three.js的例子就是HexGLA,这是一个未来派赛车游戏。

9.PhantomJS

使用JavaScript工作就意味着和不同的浏览器打交道,同时,当提及浏览器的时候,就不得不讨论资源管理。在PhantomJS中,由于有HeadlessWebKit的支持,所以你可以随时监测你的web应用。HeadlessWebKit是Chrome和Safari使用的渲染引擎中的一部分。

这整个过程是自动化的,你所需要做的只是使用这个API来构建你的web应用。

10.BabylonJS

BabylonJS与Three.js不相伯仲,提供了创建平滑而强大的3Dweb应用的JavaScriptAPI。它是开源的,且基于JavaScript和WebGL。创建一个简单的3D物体,比如一个球体是非常简单的,你只需要写短短几行代码。通过这个库提供的文档,你可以很好地掌握它的内容。同时BabylonJS的主页上也提供了一些优秀的demo来当作参考。在其官网上你可以找到这些Demo。

11.Boba.js

Web应用总是有一个共通的需求,那就是分析。如果你还在苦于将数据的分析与统计插入到JavaScript的web应用中,那么你可以试一下Boba.js。Boba.js可以帮助你将分析的数据插入到你的web应用中并且支持旧的ga.js。你甚至可以把数据指标和Boba.js集成在一起,只需要依赖jQuery即可。

12.Underscore.js

Underscore.js解决了“当我面对一个空白HTML页面并希望即刻开始工作,我需要什么”这个问题。当你刚开始一个项目,你可能会感到失落或者重复一系列你在之前项目中常做的步骤。为了简化开启一个项目的过程和给你起个头,Underscore.js这个JavaScript库给你提供了一系列的方法。例如,你可以使用你在之前项目中常用的Backbone.js中的suspender或者jQuery的一些方法。

一些实用的帮助例如“filter”和“invokethemap”可以给你起个好头,以助于你尽可能快的投入到工作中。Underscore.js同时还自带了一个套件来简化你的测试工作。

13.Meteor.js

Meteor.js是一个快速构建JavaScript应用的框架。它是开源的且它能够用于构建桌面应用、移动应用和web应用。Meteor.js是一个全栈的框架同时允许多平台的端到端开发。你可以使用Meteor.js来实现前端和后端功能,同时它也能密切监视应用的性能。Meteor.js的社区非常庞大,所以它会有不断的新特性更新或者是bug修复。Meteor.js也是模块化的,同时它能配合一些其它的优秀的API使用。

14.Knockout.js

Knockout.js在这些库中可能是最被低估的一个。它是一个基于MIT开源协议的开源JavaScript框架。作者是SteveSanderson。它基于MVVM模式。

值得注意的是:Node.js

Node.js是一个强有力的JavaScript运行时环境。它可以被用于使用真实世界数据来构建快速且可扩展的应用。它既不是一个框架也不是一个库,而是一个基于GoogleChrome的V8引擎的运行时环境。你可以用Node.js来创建多元化的JavaScript应用,包括单页应用、即时web应用等等。从技术层面上来讲,由于它的事件驱动式架构,所以Node.js支持异步I/O。这种做法使得它成为开发高可扩展应用的一个极好的解决方案的选择。

总结

JavaScript是web开发中的通用语言。它之所以快速发展不仅仅是因为它所提供的内容,更多的是因为它的庞大的开源社区的支持。以上提到的框架和库对任何一个JavaScript开发者来说都是必须知道的。它们都提供了一些途径来探索JavaScript和前端开发。