摘要:所以又以一個庫的身份出現在世人面前,它現階段要做的就是使用的規范來進行開發,并且提供了一套底層實現來填補了各大瀏覽器暫不支持的,我們稱為填充物也就是要干的事情。
書接上回
上一篇我們介紹了神馬是Polymer,這一篇我們來做些正式編碼前的準備工作,順便也扯一扯Polymer的真面目
有兩種方式:
第一種是bower安裝,不要問我bower是什么,不會bower的話,也不建議你現在開始學習Polymer
bower init bower install --save Polymer/polymer#^1.1.0
安裝成功后會在bower.json中生成如下依賴配置
{ "name": "my-project", "version": "0.0.0", "dependencies": { "polymer": "Polymer/polymer#^1.1.0" } }
如果日后Polymer發布了新版本,你只需執行以下命令就能更新
bower update
第二種就是最原始的下載js庫的方式,適合不會bower,卻硬要現在就開始學習Polymer要強的同學。
地址請戳 polymer_1.1.0.zip
不管你使用的是那種方式,load下來的庫都是如下結構
細心的朋友會覺得比較奇怪,為什么polymer庫里面的核心庫不叫polymer.js,而是存放在webcomponentsjs下的webcomponents.js或者
webcomponentsjs-lite.js
Polymer其實真正意義上來說并不是一個類庫,它嚴格上來講應該是web components native化的規范的項目代號,它是構建在web components技術最前沿的一個東西,由于太過超前,目前市面上很多瀏覽器都不能支持web components的規范特性。所以Polymer又以一個js庫的身份出現在世人面前,它現階段要做的就是使用web components的規范來進行開發,并且提供了一套底層實現來填補了各大瀏覽器暫不支持的gap,我們稱為polyfills(填充物),也就是webcomponents.js要干的事情。未來在理想狀態下(等web components規范成熟,各大瀏覽器都原生支持了),我們可以在不需要引入webcomponents.js的情況下,實現現階段所有的工作。也就是說你現在的依賴webcomponents.js寫出的代碼,以后將被瀏覽器原生支持。
比如下圖:google自家的chrome就以原生支持web component規范,所以不需要導入polyfills(填充物)就能直接運行Polymer代碼。但是其它瀏覽器卻不能work
一定要引入Polyfills,FF和IE才可以work
這個誰都會,引入核心類庫,準備工作做好下一章節,我們就可以開始干活了。
本篇完,在下一節我們會具體跑一個hello world來感受下polymer的魅力
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86023.html
摘要:書接上回,我們已經把運行的準備工作做好,接下來就敲點代碼來感受下它到底是個什么東東,這一篇里我基本會照搬官網的幾個例子來快速過一下。非常重要的一點是,這個組件的標簽名必須要以符號分割。 書接上回,我們已經把運行Polymer的準備工作做好,接下來就敲點代碼來感受下它到底是個什么東東,這一篇里我基本會照搬官網Quick tour的幾個例子來快速過一下。 注冊一個自定義組件 需要調用Pol...
摘要:數據綁定是一個非常屌的的辦法能讓你快速的傳播組件的變化,減少代碼的行數。你可以用雙大括弧來聲明你需要綁定的屬性,大括弧在運行時會被替換成括弧內的屬性值。本篇完,下篇還沒想好要寫啥。 書接上回,上回叔說到如何注冊(創建)一個自定義組件,這回我們來講講它的數據綁定。 使用數據綁定 當然,你可能不會僅僅滿足上文教的簡單的靜態自定義組件,你通常需要動態的更新你的dom組件。 數據綁定是一個非常...
摘要:我們修改下例子定義借口,構造時將重新賦值測試一下這種構造函數傳參的方式只適用于,的創建方式,而且它種方式不支持,原因你自己拍腦袋想想就懂了。 之前一篇算是帶大家大致領略了一下Polymer的風采。這篇我們稍微深入一丟丟,講下組件的注冊和創建。 創建自定義組件的幾種方式 這里我們使用Polymer函數注冊了一個自定義組件my-element // register an element ...
摘要:而不寫,則監聽是加在整個組件之上的。組件的輸入就是屬性賦值,輸出則是事件的觸發。運行結果消息機制這里來聊聊組件化開發的消息機制,這個并不局限于或者應用,適用于所有的組件式開發技術。 這篇會講下組件內部的事件處理機制,以及組件和外界通訊的處理方式(父子通訊,兄弟通訊等) 組件內的事件處理機制 第一種,直接寫在標簽里,用on-eventName=eventHandler的方式 ...
摘要:組件也一樣,從被創建,被解析,被賦初始化值,被添加到舞臺,被繪制,被布局,使用過程中被修改了值,被重繪,被重新布局,最終被父組件移除結束慘淡的一身等等,都可以稱為組件的生命周期。 這篇來談談polymer最核心的一塊,也可以說是web components技術最最核心的一塊內容 生命周期,大家在學習一些框架的時候最好都去了解一下它們的生命周期。 什么是生命周期 什么是生命周期?故名思議...
閱讀 623·2023-04-26 02:08
閱讀 2654·2021-11-18 10:02
閱讀 3460·2021-11-11 16:55
閱讀 2341·2021-08-17 10:13
閱讀 2901·2019-08-30 15:53
閱讀 685·2019-08-30 15:44
閱讀 2545·2019-08-30 11:10
閱讀 1755·2019-08-29 16:57