Google發布Polymer 1.0版本
在2013年的Google I/O大會上,谷歌公司首次推出了Web UI界面設計套件——Polymer。該工具由加盟谷歌公司的原Palm webOS團隊打造,以“一切皆組件、最少化代碼量、最少框架限制”為設計理念,意在變革瀏覽器的操作體驗。經過近兩年的發展,該團隊已經陸續推出了 Polymer的若干后續版本。在近日召開的2015年度Google I/O大會上,谷歌正式發布了 Polymer 1.0 版本。
Polymer與W3C Web組件這一社區標準計劃緊密相連。傳統網頁開發都是采用HTML、CSS以及JavaScript等進行混合編程的方式,非常不利于修改、調試以及重 用。為了降低開發的復雜度并提高可用性,Web組件計劃被提出,并獲得所有現代瀏覽器廠商的支持。谷歌正是基于Web組件的可重用性和簡潔性提出了 Polymer項目。
Polymer由基礎層(Foundation)、核心層(Core)以及元素層(Element)三部分組成。其中,基礎層包含了用于監視 DOM元素與JavaScript對象改變的DOM Mutation Observer和Object.observe()、處理鼠標和觸摸操作的Pointer Event、Shadow DOM、用于自定義HTML5元素的Custom Element、封裝自定義元素的HTML Import、在HTML中實現數據綁定的Model-Driven View(MDV)以及統一Web通話實現的API——Web Animation。作為Polymer中關鍵的組件,基礎層的作用在于代替瀏覽器為上層應用提供統一的API,使得設計可以跨平臺使用。核心層利用 polymer.js提供了一層代碼來表示Polymer選項,用于連接基礎層與元素層。元素層包含了Polymer Element和Polymer UI Element,為開發人員設計網頁提供各種組件。
作為一個跨平臺開源庫,Polymer支持開發者按照Web組件標準所定義的方式去編寫組件。它把復雜的代碼和結構封裝在了不同的組件中,并允許開發者使 用簡單易用的規則進行命名。此外,Polymer還提供了一套預定義的UI Element,方便用戶使用和二次開發。通過結合HTML Imports、Template標簽、Shadow DOM以及Custom Element,開發人員只需要把不同的組件進行簡單組合,即可輕松的創建出所需的網頁。這樣,開發人員就可以根據網頁設計人員的需求不斷的變更網頁,提 升用戶體驗和性能。而且,對于一個設計復雜的大型網站,只有基于Web組件的Polymer可以有效的對資源進行管理和調度。至于W3C標準還沒有正式發 布的問題, Polymer產品經理Taylor Savage表示 ,所有相關的標準目前都已經比較成熟,相信很快就會進行發布。同時,基于這些標準的Polymer會相應的不斷升級,繼續為用戶提供很好的服務。
在這兩年中,Polymer已經經歷了10個版本的更新。在開發者預覽版本(0.5版本)之后,Polymer團隊聽取廣大開發人員的意見重寫了開發庫, 在保持開發者良好使用體驗的同時,大大提升了瀏覽器的性能。以Chrome瀏覽器為例,后期的版本比開發者預覽版本代碼量少36%,速度卻是原來的3倍。 據Polymer團隊透露 ,本次發布的1.0版本相比于之前的0.9版本并沒有很大變化,修復了一些bug,并再次進行了性能提升。由此可見,此次發布的Polymer 1.0版本在性能、穩定性等方面已經成熟。目前,利用Polymer的 初學者套件 ,用戶可以直接開始體驗新版的Polymer。