发布于 2015-09-03 01:00:55 | 646 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的AngularJS Tutorial中文版,程序狗速度看过来!

AngularJS 前端JS框架

AngularJS诞生于Google是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。


这是 Jeff WhelpleyPatrick Stapleton 发布的博客,他们并不是全职的 Angular 团队成员,是 Angular 社区值得称赞的贡献者。本文是对所有用户都想知道的,关于 Angular 的一些总结。

几周前,Patrick 和 Jeff 就开始了一份对 AngularJS 开发者的调查,主要是关于他们计划如何使用 Angular 2。此次调查总共收到了 2100 份回复,还有其他类型的反馈。所有的结果都已经整理成了下面的图表和分析。

免责声明

一 开始只是想调查小型开发者团队,已经花费了大量时间在 Angular 2 上面的团队。但是,很快,收到越来越多的反馈。Angular 2 还只是 Alpha 阶段,还不能构建产品应用。也就可以大胆假设大部分开发者只是刚刚开始学习 Angular 2.0。也因此,此次调查的结果显示的是他们未来会如何使用 Angular 2,而不是现在所做的这些。

Transpilers

当使用 AngularJS 2 的时候会选择哪种方式? (单选)

TypeScript 45.0% 950
Babel 33.2% 700
Not sure 11.3% 238
ES5 9.0% 190
Other 1.6% 33

 

分析

前 1000 份结果中,TypeScript 和 Babel 不分胜负,但是之后就开始慢慢拉开距离。这也不奇怪为什么 Angular 核心团队偏爱 TypeScript 了。这里有个关于 TypeScript vs Babel on Angular Air 的讨论。

即使继续使用 ES5 并不是一个好的长期策略,但是一部分开发者使用 ES5 来从 Angular 1 转换到 Angular 2。如果你觉得你继续使用 ES5 是因为不喜欢 transpilers,可以再给一次机会,Transpilers 在过去几年里也有了很大的改进。

"其他" Transpilers

有一部分用户说他们会同时使用 TypeScript 和 Babel,虽然看起来有些奇怪,但是也不是没有可能,未来也许就可以一起使用。其他的一半是反馈使用 Dart,一个 Closure Compiler。同时,有 7 个使用 CoffeeScript,大概是 Ruby/Python 用户。

模板语法

你会使用哪个模板绑定语法?(单选)

bind-prop="val" 56.7% 1192
[prop]="val" 43.3% 912

 

分析

这是最令人吃惊的一个结果,也非常的有意义。即使 Angular 核心团队更喜欢第二个选项 (i.e. [prop]=val which is the canonical syntax),第一个选项 (i.e. bind-prop="val") 看起来像 Angular 1.x 模板代码。

"其他" 语法

AngularJS 团队建议大家尝试不同的变量,不要仅仅因为陌生而规避规范化的语法。

模板位置

你会选择在哪里放置你的模板?(单选)

 

Both 47.6% 1008
External file 46.5% 986
Inline 3.4% 73
Not sure 1.8% 39
Other 0.6% 13

 

分析

我们更偏爱内联模板,但是有一定数量的用例需要放置在单独的模板文件。

内联模板的优势:

  1. 给定组件的代码都在一个文件

  2. 鼓励开发者控制模板的大小,太大的时候可以重构

独立模板文件的优势:

  1. Angular 1 开发者熟悉这种方式

  2. 容易与设计师或者其他非开发人员分享

  3. 今天的编辑器会提供更好的智能支持

  4. 大型模板会比较自然,不能被分离成更小的部分(比如表单和布局)

等下一年开发者越来越熟悉 AngularJS 2,提供更多的智能支持之后,会有更多人选择内联模板。就与设计师共享模板而言,值得注意的是,在 React 中,已经在设计师修改内联模板上取得了一定的成功。 

路由

你会选择哪种路由机制?(单选)

 

Component Router 36.7% 776
UI Router 33.0% 698
Not sure 28.1% 594
Custom 1.7% 35
Other 0.4% 9

 

分析

查看这些结果的时候需要注意:

  1. 这里有大量炒作的新路由器,而核心团队支持的就很自然获胜了

  2. 目前为止,在 Angular 2 上有些可能有功能缺失或者其他,所以没有压倒性胜利

  3. UI Router 还没有获得任意的 Angular 2 支持,但是大量的开发者已经在 Angular 1 应用中使用,也期望有这个路由

这不是理想状态,也只是暂时的状态。开发者很快会解决这些路由的一些问题,Angular 2 也计划在不久的将来集成 UI Router。所以,当 AngularJS 2 发布的时候,开发者会提供两个强大的路由选项。

数据库

选择以下你会在 AngularJS 2 项目中重点使用的任意与数据相关的库(多选)

RxJS 38.7% 522
Immutable.js 34.7% 469
Firebase 33.3% 449
angular-meteor 23.8% 321
Falcor 14.5% 196
Other 9.1% 123
BaconJS 6.6% 89

其他的一些库::

  • Angular 2 Data 

  • Relay/GraphQL 

  • Breeze.js 

服务器渲染

如果 AngularJS 2 提供服务器渲染特性,你会用吗?(单选)

 

Yes 27.2% 566
Sometimes 25.9% 539
No 25.7% 534
Not sure 21.2% 442

 

分析

这个问题单独从 Angular 2 特性中分离出来是因为 Jeff Whelpley 和 Patrick Stapleton 参与了服务器渲染的开发,有 53.1% 的开发者会选择使用服务器渲染功能。

编辑器

当使用 AngularJS 2 的时候你会最经常使用哪个编辑器?(多选)

Webstorm 43.0% 907
Sublime 39.0% 822
VS Code 30.1% 634
Atom 25.0% 528
Other 11.2% 237
VIM 10.7% 226
Emacs 1.6% 33

 

分析

功能最齐全的 Webstrom 获胜,大量的“企业”开发者使用 Angular 的同时使用 Java 或者 .NET,然后会使用非常大型的开发工具。

VIM 超出想象,有开发者说 VIM 跟 Angular 和 TypeScript 更配。

Angular 核心团队大部分已经开始使用 Visual Studio Code,可以试一试,Visual Studio Code 提供 Sublime 般的感觉,而且对 TypeScript 非常友好。

"其他" 编辑器

Webstorm 和 Visual Studio Code 非常大,如果你使用他们的姐妹产品会变得更大 (ex. IntelliJ   and RubyMine with Webstorm and VS.NET with Visual Studio Code)。

大半的开发者都强烈推荐 Brackets。

构建工具

当使用 Angular 2 的时候会选择使用哪款构建工具?(多选)

Gulp 72.4% 1464
Grunt 39.5% 799
Webpack 23.6% 478
SystemJS 17.0% 344
Browserify 16.3% 330
JSPM 12.8% 258
Other 3.1% 63
Broccoli 2.3% 46

 

分析

很明显,Gulp 是最受欢迎的,让人惊讶的是很多开发者会选择 Webpack,之后是 JSPM 和 SystemJS。

"其他" 构建工具

其他有很多是使用 npm 脚本,还有就是其他的 5 种构建工具: Gradle, Meteor's build system, RequireJS 和 Bower。

框架

现在除了 Angular 1.x 之外你还使用哪些框架?(多选)

jQuery 54.7% 1111
React 26.8% 545
Only Angular 24.2% 491
Backbone 12.6% 255
Meteor 9.7% 196
Other 8.3% 168
Sails 3.8% 77
Ember 3.8% 77

 

分析

我喜欢憧憬 Web 的未来,但事实上每位开发者都需要支持旧版浏览器,这个没有哪个框架能比得上 jQuery。另一个比较有趣的是四分之一的 Angular 开发者同时也使用 React。

"其他" 框架

这个问题设计的不是很完美,以下的 4 个框架没有在选项中,是被调查的开发者反馈的:

  • Ionic

  • Dart

  • Polymer   

  • Aurelia   

特性

你最期待 Angular 2 的哪个特性?(多选)

Change Detection 65.0% 1298
Web Components 57.9% 1157
Zone.js 53.1% 1060
Component Router 42.3% 845
DI updates 39.4% 788
Server Rendering 37.1% 742
i18n 29.2% 583
Animation updates 25.7% 513
Other 3.6% 72

 

分析

上一年作者发表了一篇文章,大多数开发者对 Angular 是又爱又恨。那篇文章写道:

反对 Angular 的通常会吐槽抱怨: 

  1. 低于标准的特性(比如路由,模型层)

  2. 缺失特性(比如服务器渲染,异步加载)

  3. 繁杂或者混乱的 APIs(比如注入数组,服务/工厂/提供者,指令)

  4. 基础设计决策 (ex. working off the DOM, dirty checking vs KVO vs Virtual DOM, mutable data vs immutable data).

比较上面 Angular 1 的问题,我们来看看令人兴奋的 AngularJS 2 的新特性:

1. 修改检测 2. Web 组件3. Zone.js4. Component Router5. 依赖注入6. 服务器渲染

"其他" 特性

还有其他值得关注的特性:

  • 原生集成(NativeScript 和 React Native)

  • Material Design 集成

人群分布统计

你的 Angular 1.x 经验级别是?(单选)

 

Novice / beginner 13.9% 292
Experienced (simple apps) 27.6% 581
Advanced (1+ large prod app) 37.2% 784
Expert 21.3% 448

 

分析

此次调查最开始是倾向于更多的高级 Angular 开发者,所以很高兴主要的被调查者都是深度用户 (58.7%) 。但是,当从 “开发者在使用”到   “开发者将会使用”转变,这也能充分体现刚接触 Angular 开发者的意愿。最后,对于整个 Angular 社区来说这次调查也比较真实,充分体现了社区开发者的想法。

总结

经过此次调查,收集了很多用户对 Angular 的一些看法和期望,希望 AngularJS 2.0 不负众望,成为大家喜爱的 HTML 的 Web 框架。

via angularjs.blogspot.jp



最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务