Google爱用的前端框架Angular推出5.1设计Material Design风格网页更容易连GA都在用

人工智能2021-03-03 10:04:31
最佳答案

由Google维护的开源JavaScript函式库Angular释出了5.1版本以及Angular Material第一个稳定版,还加码Angular CLI 1.6版。

Angular5.1是11月释出版本5来,第一个次要版本更新,主要是臭虫的修正。根据Angular官方的版本和发布规则,每周会有一次的补丁更新,每六个月会有三个次要更新以及一个主要版本的更新。

这次的版本发布,连带着第一个Angular Material稳定版的释出,Angular Material提供Angular应用程式开发者超过30种使用者介面元件,而Angular CDK(Component Dev Kit,元件开发套件) 则是让开发者不须自己从头来过,就能客製化自己的元件。

Angular Material以及Angular CDK虽然只是第一个稳定版,但是其可靠度Google自家可是打包票,因为连Google Analytics Suite、Google Cloud Platform Developer Console还有Google Shopping Express等服务,都已经开始使用。基于Google Material Design视觉化语言打造的Angular Material,历经11个alpha版本、12个beta版本以及3个候选版本,总算脱离Angular实验室计画,迎来5.0.0正式版,往后也会依造Angular官方的版本和发布规则定期更新。

Angular CLI(Command line interface,命令列介面)1.6版本着重强化应用程式的使用者体验,不仅支援可以强化浏览器载入效能的Service Worker API,还新增支援了伺服器端渲染技术Universal以及应用程式壳层架构App shell。

由于WiFi的片状分布特性以及行动网路讯号强弱影响,行动装置普遍网路连接状况不稳,这样的挑战使网页程式开发在效能表现上更具挑战性,而先进的浏览器通常拥有Service Worker API,以强化网站的载入速度与可靠性。Angular 5.0.0中更换了新的Service Worker实作,而Angular CLI 1.6则可以支援这项新功能的开发。只要使用@angular/service-worker指令,就能在支援Service Worker API的浏览器中,让Angular应用程式的载入过程就像原生App一样顺畅。

Angular Universal则可以让应用程式载入的瞬间,马上出现一个由伺服器端渲染的画面,Google表示,根据他们的研究指出,应用程式载入的时间即使只有200ms的差异,都足以影响使用者的行为,因此Angular Universal可以让网页应用程式在启动的瞬间就抓住使用者的眼球。

另外,App shell则是将应用程式的介面,拆分成壳层以及内容,壳层的概念就像是原生App的按钮以及选单,但是由于网页的特性,网页更新时会让整个页面刷新,导致画面闪烁停顿影响使用者经验,而App shell的壳层是由容量极小HTML、CSS和JavaScript组成,不只能在应用程式载入时马上显示,也能在使用者反覆浏览页面时即时载入壳层快取,因此更新页面感觉上就像使用原生App一样,只有对应内容更新,而非整个页面刷新。Google表示,App shell使用的最佳情况在,内容频繁动态更新的页面,当然静态内容的页面同样也能使用App shell。

(下图)应用程式壳层与内容更新分开,让网页应用程式操作如同原生App

在开发者们大力建议下,Angular 5.0.0开始支援TypeScript 2.5,不过这项更新是自选项目,Angular 5.x.x依然会继续支援TypeScript 2.4,而在接下来的次要版本中,也会支援TypeScript 2.6。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢。