成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

開坑，寫點Polymer 1.0 教程第1篇——安裝篇

Jeff / 959人閱讀

摘要：所以又以一個庫的身份出現(xiàn)在世人面前，它現(xiàn)階段要做的就是使用的規(guī)范來進行開發(fā)，并且提供了一套底層實現(xiàn)來填補了各大瀏覽器暫不支持的，我們稱為填充物也就是要干的事情。

書接上回
上一篇我們介紹了神馬是Polymer，這一篇我們來做些正式編碼前的準備工作，順便也扯一扯Polymer的真面目

如何安裝Polymer

有兩種方式：
第一種是bower安裝，不要問我bower是什么，不會bower的話，也不建議你現(xiàn)在開始學(xué)習(xí)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發(fā)布了新版本，你只需執(zhí)行以下命令就能更新

bower update

第二種就是最原始的下載js庫的方式，適合不會bower，卻硬要現(xiàn)在就開始學(xué)習(xí)Polymer要強的同學(xué)。

地址請戳 polymer_1.1.0.zip

不管你使用的是那種方式，load下來的庫都是如下結(jié)構(gòu)

細心的朋友會覺得比較奇怪，為什么polymer庫里面的核心庫不叫polymer.js,而是存放在webcomponentsjs下的webcomponents.js或者
webcomponentsjs-lite.js

這里要來說一說Polymer的真面目了。


Polymer其實真正意義上來說并不是一個類庫，它嚴格上來講應(yīng)該是web components native化的規(guī)范的項目代號，它是構(gòu)建在web components技術(shù)最前沿的一個東西，由于太過超前，目前市面上很多瀏覽器都不能支持web components的規(guī)范特性。所以Polymer又以一個js庫的身份出現(xiàn)在世人面前，它現(xiàn)階段要做的就是使用web components的規(guī)范來進行開發(fā)，并且提供了一套底層實現(xiàn)來填補了各大瀏覽器暫不支持的gap，我們稱為polyfills（填充物）,也就是webcomponents.js要干的事情。未來在理想狀態(tài)下（等web components規(guī)范成熟，各大瀏覽器都原生支持了），我們可以在不需要引入webcomponents.js的情況下，實現(xiàn)現(xiàn)階段所有的工作。也就是說你現(xiàn)在的依賴webcomponents.js寫出的代碼，以后將被瀏覽器原生支持。

比如下圖：google自家的chrome就以原生支持web component規(guī)范，所以不需要導(dǎo)入polyfills（填充物）就能直接運行Polymer代碼。但是其它瀏覽器卻不能work

一定要引入Polyfills，F(xiàn)F和IE才可以work

扯遠了，繼續(xù)安裝

這個誰都會，引入核心類庫，準備工作做好下一章節(jié)，我們就可以開始干活了。

本篇完，在下一節(jié)我們會具體跑一個hello world來感受下polymer的魅力

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86023.html

相關(guān)文章

  • 開坑，寫點Polymer 1.0 教程第2篇(上)——hello world篇

    摘要：書接上回，我們已經(jīng)把運行的準備工作做好，接下來就敲點代碼來感受下它到底是個什么東東，這一篇里我基本會照搬官網(wǎng)的幾個例子來快速過一下。非常重要的一點是，這個組件的標簽名必須要以符號分割。 書接上回，我們已經(jīng)把運行Polymer的準備工作做好，接下來就敲點代碼來感受下它到底是個什么東東，這一篇里我基本會照搬官網(wǎng)Quick tour的幾個例子來快速過一下。 注冊一個自定義組件 需要調(diào)用Pol...

    HitenDev 評論0 收藏0

  • 開坑，寫點Polymer 1.0 教程第2篇(下)——hello world篇

    摘要：數(shù)據(jù)綁定是一個非常屌的的辦法能讓你快速的傳播組件的變化，減少代碼的行數(shù)。你可以用雙大括弧來聲明你需要綁定的屬性，大括弧在運行時會被替換成括弧內(nèi)的屬性值。本篇完，下篇還沒想好要寫啥。 書接上回，上回叔說到如何注冊（創(chuàng)建）一個自定義組件，這回我們來講講它的數(shù)據(jù)綁定。 使用數(shù)據(jù)綁定 當(dāng)然，你可能不會僅僅滿足上文教的簡單的靜態(tài)自定義組件，你通常需要動態(tài)的更新你的dom組件。 數(shù)據(jù)綁定是一個非常...

    xiangzhihong 評論0 收藏0

  • 開坑，寫點Polymer 1.0 教程第3篇——組件注冊與創(chuàng)建

    摘要：我們修改下例子定義借口，構(gòu)造時將重新賦值測試一下這種構(gòu)造函數(shù)傳參的方式只適用于，的創(chuàng)建方式，而且它種方式不支持，原因你自己拍腦袋想想就懂了。 之前一篇算是帶大家大致領(lǐng)略了一下Polymer的風(fēng)采。這篇我們稍微深入一丟丟，講下組件的注冊和創(chuàng)建。 創(chuàng)建自定義組件的幾種方式 這里我們使用Polymer函數(shù)注冊了一個自定義組件my-element // register an element ...

    joywek 評論0 收藏0

  • 開坑，寫點Polymer 1.0 教程第5篇——事件與消息機制

    摘要：而不寫，則監(jiān)聽是加在整個組件之上的。組件的輸入就是屬性賦值，輸出則是事件的觸發(fā)。運行結(jié)果消息機制這里來聊聊組件化開發(fā)的消息機制，這個并不局限于或者應(yīng)用，適用于所有的組件式開發(fā)技術(shù)。 這篇會講下組件內(nèi)部的事件處理機制，以及組件和外界通訊的處理方式（父子通訊，兄弟通訊等） 組件內(nèi)的事件處理機制 第一種，直接寫在標簽里，用on-eventName=eventHandler的方式 ...

    SHERlocked93 評論0 收藏0

  • 開坑，寫點Polymer 1.0 教程第4篇——組件的生命周期

    摘要：組件也一樣，從被創(chuàng)建，被解析，被賦初始化值，被添加到舞臺，被繪制，被布局，使用過程中被修改了值，被重繪，被重新布局，最終被父組件移除結(jié)束慘淡的一身等等，都可以稱為組件的生命周期。 這篇來談?wù)刾olymer最核心的一塊，也可以說是web components技術(shù)最最核心的一塊內(nèi)容 生命周期，大家在學(xué)習(xí)一些框架的時候最好都去了解一下它們的生命周期。 什么是生命周期 什么是生命周期？故名思議...

    Dionysus_go 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<