JavaScript开发者的10款必备工具

JavaScript 几乎每年都会受到来自众多开发人员的关注......

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

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

JavaScript 必备框架:Angular

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

何处下载Angular?

Angular项目快速入门页面使得开发者可以轻松开始使用Angular:https://angular.io/guide/quickstart

Angular的功能

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

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

  • 用于在浏览器中缓存应用程序,以加强构建渐进的Web应用程序的便利性。
  • 构建优化器,通过删除不必要的代码使应用程序更小。
  • 使Material Design组件与服务器端渲染兼容。

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

JavaScript 必备框架:Aurelia

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

何处下载Aurelia?

你可以从GitHub上下载Aurelia:https://github.com/aurelia/framework

Aurelia 的功能

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

  • 一个用于构建自定义元素和给元素添加属性的HTML编译器。
  • 支持动态加载。
  • 用于单元测试的可构建耦合代码的依赖注入容器。
  • 提供创建新项目选项的Aurelia CLI,需要安装Node 4或更高版本、NPM 3和Git。
  • 与Polymer库的集成,用于构建可重复使用的web组件。
  • 在模板引擎中,用于组件继承时支持bindable的继承。

JavaScript 必备框架:Backbone.js

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

何处下载 Backbone.js ?

你可以从 Backbone 项目网站下载开发版本和产品发布版本:http://backbonejs.org/

Backbone.js 的功能

Backbone.js 中的数据是使用可以创建、校验、销毁并保存到服务器的模型表示的。这些模型通过 RESTful JSON 接口连接到应用程序。

使用 Backbone.js 时,当 UI 操作提示要更改模型的属性时,该模型会触发更改事件。显示模型状态的视图会收到此更改的通知并重新渲染他们。

JavaScript 必备框架:Ember.js

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

从何处下载 Ember.js

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

Ember.js 的功能

Ember.js 的功能包括:

  • 专注于简化开发的 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 。

JavaScript 必备框架:Ext JS

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

何处下载 Ext JS?

The Ext JS 软件可以从 Sencha 的 Ext JS 页面下载到:https://www.sencha.com/store/extjs/

Ext JS 的功能

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

Ext JS 的构建器正在考虑如何使用 Ext JS 的架构执行长期的任务。Sencha 计划在今年年底或明年初发布 Ext JS 7 ,但是由于 Sencha 收购了 Idera ,这些计划现在被搁置了。

关于提供符合最新的 ECMAScript 标准和使用 NPM 包管理器和 Webpack 模块绑定器的可行性讨论已经举行过了。

JavaScript 必备框架:jQuery

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

何处下载 jQuery?

jQuery 可以从jQuery 项目网站下载:https://jquery.com/download/

jQuery 的功能

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

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

  • 重写 jQuery 的速度框架,跟踪性能回归
  • 新设计的事件模型,会丢弃特殊事件钩子,避免使用 jquery.Event 类的包装
  • 支付新的原生选项,比如被动事件监听器

JavaScript 必备框架:Meteor

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

何处下载 Meteor?

Meteor 软件可以从 Meteor 项目网站下载:https://www.meteor.com/install

Meteor 的功能

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

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

JavaScript 必备框架:Polymer

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

何处下载Polymer?

你可以从Bower包管理器上安装Polymer:https://www.polymer-project.org/2.0/start/install-2-0#use-bower

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置于网络开发的主流之外,并且使人们难以使用其他框架或构建工具。

JavaScript 必备框架:React

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

哪里下载 React

React 可以从 React 项目网站 下载:https://reactjs.org/docs/installation.html

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 的许可使得软件对于下游项目来说,不再是一个“万能捐赠者” 。

JavaScript 必备框架:Vue.js

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

何处下载Vue.js?

Vue.js软件可以从Vue.js项目网站下载:https://vuejs.org/v2/guide/installation.html

Vue.js 的功能

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

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

  • 使TypeScript用户更容易在Vue.js中启动新项目
  • 使用代理重写框架的响应式系统
  • 支持WebAssembly可移植代码格式
  • 吸收Web组件更多功能的能力  
  • 原文发布时间为:2017-10-30 
  • 本文作者:OSC - 协作翻译
  • 本文来自合作伙伴“51CTO”,了解相关信息可以关注。
时间: 2024-10-05 05:50:21

JavaScript开发者的10款必备工具的相关文章

CSS、JavaScript开发者必备的10款最佳工具

原文http://www.csdn.net/article/2013-05-16/2815315-css-and-javascript-tools 摘要:可以说CSS.JavaScript是网站设计的黄金搭档,本文收集了10款超好用的工具,来帮助你设计出更佳的网站,并且还可以提高你的工作效率. 亲们,想通过使用最新的工具来提升你的网站档次吗?本文搜集了10款好用的工具以帮助你提升网站性能. Topcoat Topcoat是一个简洁干净的CSS类库,其专门用于表单元素,如按钮.复选框.滑块等.只需

.NET开发不可错过的25款必备工具,徐汇区网站设计

[Csdn独家译稿 7月12日]这些年来,我们的.NET开发团队不断在更新升级开发工具,这也提供了一个机会,让我们能对.NET系列的开发工具做出不断的评估和规范.以下是我们总结出的一些.NET开发不可错过的高效工具. 1.Two monitors--必备的. 2.Visual Studio--同样的,也是必备的. 3.Launchy--一款免费的必备工具.它能帮助开发者快速调用电脑中的程序快捷方式,而无需再通过传统的"开始"--"所有程序"中寻找所需的程序.在安装后

10款Web工具最大限度提高生产力

企业生产力的面貌在过去五年中发生了巨大的变化.大多数我们曾经在工作中以来的客户端和客户端/服务器端应用已经一去不复返了.现在,业务速度是由网络来定义的.因此这种从本地安装客户端应用向基于Web应用的转移,你需要重新装备那些帮助用户完成工作的工具.因此,你需要考虑那些基于Web的生产力工具. 不管你信或者不信,这些工具中很多远比你一直在使用的工具更具成本效益.此外,它们还有更高的可靠性,你创建一个环境,在这个环境中员工可以有效率地工作.但是你应该考虑哪些工具?以下是可能适合你的商业模式的10款工具

一定要被IT管理者重视的10款开源工具

不知道你的开放源代码服务器工具包里都有哪些工具?这里的十款工具能够帮助你入门. 如果你使用开放源代码服务器(例如这个世界上最流行的web服务器,Apache),你知道有大量的工具可供你使用.它们涵盖了从安全到功能到监控的各个方面--几乎包括了任何你能想得到的东西.但是如果你想要制作一个列表,囊括你的开放源代码服务器园地,那么这个列表看起来会如何? 我自己的列表在每一天都会不同.但是有些工具总是会在里面.下面是我最依赖的一些工具.(注:这份清单不包括诸如基本Apache模组工具或者"四大"

推荐给 JavaScript 开发者十款超级有用的工具

近年来,JavaScript 越来越受到重视,早已不单单只是写写网页特效的脚本语言了,如今广泛用于网站的前端交互.值得一提的是,当下 Web 开发者们追捧的 Node.js 使得 JavaScript能够在更多环境下运行,甚至是服务器端,使得这门语言再次受到大家的关注.今天,本文向 JavaScript 开发者推荐十款超级有用的工具. YepNope YepNope 是一个异步的条件加载框架,速度超快,只为用户加载需要的脚本.使用非常简单,非常有用!点击访问: http://yepnopejs.

推荐给 JavaScript 开发者十款超级有用的工具来提高客户体验

近年来,JavaScript 越来越受到重视,早已不单单只是写写网页特效的脚本语言了,如今广泛用于网站的前端交互.值得一提的是,当下 Web 开发者们追捧的 Node.js 使得 JavaScript能够在更多环境下运行,甚至是服务器端,使得这门语言再次受到大家的关注.今天,本文向 JavaScript 开发者推荐十款超级有用的工具. YepNope  YepNope 是一个异步的条件加载框架,速度超快,只为用户加载需要的脚本.使用非常简单,非常有用! 点击访问: http://yepnopej

你必需的 10 款 iOS 开发工具

小编整理了10款必备的 iOS开发工具,让你的开发过程事半功倍. SourceTree SourceTree是一个免费的Mac软件,主要用于Git和Mercurial版本控制.它可以帮助你进行源代码控制计划,跟传统的复杂的命令行版本控制软件相比,SourceTree是一款独一无二的GUI工具.对于新手Git用户来说,SourceTree使用起来简单且高效,对于经验丰富的app开发人员来说,SourceTree有着非常强大的功能. Slash Slash是iOS的一个开源库,它为NSAttribu

渗透测试员必备!Top 10免费黑客工具

本文讲的是渗透测试员必备!Top 10免费黑客工具, 工匠需要相应的技能和工具协助才能开展工作,以创造杰作.虽然工具是尽可能创造杰作的过程中重要的推动因素,但该技艺也需要工匠具有相关的经验和专业知识才能奏效. 渗透测试人员的工具箱非常像工匠的工具箱,可以根据业务目标的差异选择使用各种不同的工具. 本篇文章中,我们将分析一些可用于渗透测试的最佳免费工具.重要的是要注意,这些工具之间没有直接的比较.这些工具的取舍取决于渗透测试者的评估类型. 这些工具间不是相互竞争的关系,而是可以互相补充,并帮助渗透

Chrome资深粉热衷的10个必备扩展程序

如果你是Chrome用户,你应该很清楚扩展程序架构可以扩充功能,让Chrome不只是浏览器.事实上,有了合适的一组扩展程序,Chrome可以变成一种生产力很高的手段.不相信我?只要看看Chrome Web Store上生产力这一类就知道了.但是这么多扩展程序中那些是最适合你的,让你的生活井然有序,让你有效地完成工作?当然,这取决于你需要完成什么任务,但是某些扩展程序几乎可以帮助到任何人.让我们就来看看其中的10款扩展程序,看看它们是否可以满足你的需求. 1.Buffer Buffer是这样一款工