时间:2020-01-12 08:18  编辑:admin
那篇文章将从 AngularJS ReactJS Polymer 那几个盛行的框架进脚,剖析前端框架正在那几年收展中的闭键手艺面,做为2015前端手艺选型的参考。戴要:
  • 初体验
  • 手艺特性
  • 组件化
  • 使用架构
  • 总结

1.初体验

拿TODO去做为引子好了。



Angular 的真现



React的真现(非flux架构)



Polymer的真现



3者配合对照
正在Angular中有controller战component的观点是分手的,而react战polymer中只要component的观点。

真际上3者正在最简朴的利用场景下好同其实不年夜,Angular战polymer模板战代码分手的圆式更揭远于传统的前端做法,而React写法更像后端衬着。闭于教习战利用本钱的谁下谁低得成绩出有甚么好争辩的,正在MVVM已盛行了那么暂的情形下,3者进门门坎皆好没有多,但要用好皆必要深切个中的运转机造才止。
2. 手艺特性

真际上所谓的MVVM框架的闭键手艺便1个:数据取视图的绑定。正在Angular/polymer/knockout/vue/avalon 中,那项手艺的真现又能够拆分红两个闭键面:模板剖析战数据监测。

模板剖析的次要目标是对 {{title}} 那样的标志举行支散。支散完成以后死成1个视图更新函数,正在函数内部保留着那个标志地点的Dom片断战相干的数据称号,函数被挪用时会来从头与数据称号对应的数据(大概由中部将响应的数据做为参数传进),然后更新dom片断。那样便真现了视图的更新。1般框架会正在启动时便将模板剖析完,死成响应的视图更新函数。当数据更新的时分,便挪用那些更新函数去更新视图,那末成绩去了,怎样检测数据的窜改?

knockout/angular/avalon代表了3种圆案:

  • 利用自界说的数据工具及其指定的get战set函数。比方您只能利用 user.set("name","john")去给user工具的name属性赋值,果为那样它才气正在set函数中晓得建改了甚么属性,而且只挪用响应的视图更新函数。那种圆式没有太爽的天圆正在于改动了本有的JS工具利用的圆式。
  • 利用 Object.defineProperty 的get战set函数去检测工具属性的窜改,素质上战上种出有甚么区分。可是它有1个缺点,便是没法检测新删的或删除的属性。有的框架是经由过程Object.observe去增补那种圆案的,没有过Object.observe 今朝也只要chrome收持。那种圆法改进了上里的开辟体验,您能够像利用本死JS工具1样去操纵您的数据。可是正在真现上较为庞大。
标签: Drupal 中文  

Drupal安全更新

亚艾元软件以Drupal为基础,推动Drupal的中国化、Drupal教程中文化、将Drupal与微信相结合,服务广大的中国Drupal用户。

最近Drupal安全升级频繁,亚艾元提醒Drupal用户,及时升级安全补丁。


业务联系:崔克俊
手机: 13381113196
QQ: 372948992
公司电话:010-62669785

亚艾元象棋谱


亚艾元象棋谱,是亚艾元软件的一个实验项
目,以中国象棋棋谱为实例,用来探索最新
的Drupal网站开发、微信公众号开发、微信
公小程序开发、APP开发相关技术