Polymer 1 0 公升級指南

2021-07-04 18:49:27 字數 2413 閱讀 5274

在最近結束的 google io 2015,google 發布了期待已久的 polymer 1.0,並宣布可用於生產環境,使用 polymer 庫的人們還在使用開發預覽版,本文將做為乙個指南,指導將現在應用遷移到 polymer最新版本。

關於 v1.0 一些重要的注意事項:

它不相容 version 0.5,上乙個版本和存活至今的最老版本。

新版主要關注效能和效率,庫的總量大幅縮減。

從底層徹底重建之後,開發人員可以使用它更容易更快地設計自定義元素,更像是標準的 dom 元素。

與上乙個版本相比內部基準測試顯示 v1.0 在 chrome 上快 3 倍,在 safari 上快 4 倍。

安裝最新版本 polymer 的步驟與這篇文章中的完全相同,如果想公升級已安裝的 polymer,定位到 polymer 的目錄並在終端中執行下面的命令:

$ bower update
要知道非常重要的一點,這個操作會破壞現有的 polymer 應用,就像之前提到的,兩個不同版本的 polymer 是互不相容的。因此,建議在乙個單獨的目錄下安裝全新的 polymer。為解釋自 v0.5 版本以來的變化,我們引用我之前寫在 sitepoint 上的文章裡關於信用卡圖表自定義元素的例子來展示兩個版本間的不同。

新版本的 polymer 不再需要包含在 webcomponents.js 庫裡面的 shadow dom 的 polyfill,取而代之的是使用乙個更小的叫 webcomponents-lite.js 的庫來 polyfill 舊的瀏覽器。

0.5版本:

1.0版本

這個」輕量級」的版本較之前的內容增加大約 80kb,當遇到效能瓶頸的時候這些改變將變得非常有意義。

;標籤已被儲存自定義元素規定的標籤所替換。自定義的元素現在由標籤的id屬性標識。自定義元素的規則仍然不變。

0.5版本:

...

1.0版本:
...

0.5版本:
polymer('credit-card', {});
1.0版本:
polymer();
is的值必須與自定義元素的標籤的id屬性相匹配,這一點與以前的版本不同,它是不可選的。

標籤可以被放在元素的內部或者外部,但元素的模板必須在呼叫 polymer constructor 之前解析。

任何屬於標籤的現在都應該根據資料型別定義為 properties 物件。

版本0.5:

版本1.0:

polymer(

}

現在元素樣式定義在標籤外邊。

版本0.5:

版本1.0:

...

外部樣式表支援使用html imports。

polymer 1.0 版本提供了二種型別的資料繫結:

在這個 release 版本中,繫結必須替換乙個結點的所有文字內容,或者某個屬性的所有值。所以是不支援字串鏈結操作的。對於屬性值,建議使用計算繫結來代替字串鏈結。

版本0.5:

版本1.0:

polymer(

});

注意乙個結點中繫結標示兩側不能包含任意空白符。

polymer v0.5 使用 shadow dom 給開發人員提供乙個更簡單的元素介面,並通過隱藏子樹後面的影子根來抽象複雜性。這是最基本形式的封裝,它工作在瀏覽器中並提供 shadow dom。

對於瀏覽器來說,它是不能提供 shadow dom 的,像本地 shadow dom 那樣實現乙個多邊形填充是困難的,通常這會比本地實現慢,還會需要更多的**。正是這些原因, polymer 團隊決定拿走 shadow dom 填充,並用本地 dom,用較輕版本構建來支援更小的 shadow dom。

要注意的是 shady dom 和 shadow dom 是相互相容的,這意味著 shady dom 的 api 使用瀏覽器中有效的本地的shadow dom,而在不支援的瀏覽器中就會回到 shady dom。

把你的應用公升級到 polymer v1.0 可能是乙個痛苦緩慢過程,這取決於你的應用靈活性,但是這種公升級會在更快的載入時間和更小的負載方面帶來巨大的好處。官方遷移嚮導是有效的,在 polymer 專案**上涵蓋了一大堆對內部 api 的改變,這些變更的層次很深,因此需要仔細檢查。

另外,chuck horton 已經建立了乙個 github 倉庫,叫做road to polymer 1.0,它提供了乙個**轉換工具讓你的**從 v0.5 公升級到 v1.0。如果你不想手動做一些更好的改變,它可以幫助你的**遷移。

ApiPost V5 公升級指南

同舊版本相比,apipost v5 以下簡稱v5 重新規劃了底層架構,大大降低了記憶體使用率 並加入了大量新功能,使用者體驗也有了全新的提公升。但是同舊版相比,很多使用方式有所不同,本文重點講解以下使用者公升級後可能遇到的幾個小問題。這是由於同舊版相比,v5採用了非同步與雲端同步的方式。非同步與雲端...

PHP7 公升級指南(Windows)

php7 released了,號稱提速了2倍,支援函式引數 函式返回指定型別,媽呀,等你好久了,記得以前在php 5.4的公升級決議中就提到,最後被否了,始終還是要加回來吧!判斷php的變數型別,滿滿的都是淚啊!如果本地windows仍在使用xampp apache 之類的,請先按照以下操作 1.修...

Windows 10公升級指南 哪個版本最適合你

微軟已經宣布windows 10將擁有7個不同的版本,而部分使用者在選擇時可能並不確定哪個版本才是最適合自己的。為了幫助有意公升級的使用者提前做好選擇,科技 digital trends日前就撰文介紹了windows 10各個版本之間的區別和最適合的使用者群體。windows 10家庭版 windo...