我們的組件有時(shí)候需要根據(jù)property的值來(lái)呈現(xiàn)不同效果。例如當(dāng)isActive是true的時(shí)候，使用active樣式。一個(gè)比較傳統(tǒng)的方法是每當(dāng)isActive改變的時(shí)候添...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
Polymer組件里根據(jù)property值來(lái)顯示不同的樣式
-
Polymer里根據(jù)bool值來(lái)隱藏/顯示內(nèi)容
例如我們有一個(gè)iron-icon，我希望根據(jù)真假值（user.isActive）來(lái)顯示/隱藏它。 會(huì)有兩種實(shí)現(xiàn)方式，一種是用dom-if： dom-if的詳細(xì)說(shuō)明可以看這里。...
-
發(fā)布你的組件到webcomponents.org
beta.webcomponents.org是一個(gè)可以： 發(fā)布自己的自定義組件或組件集合 查看別人發(fā)布的自定義組件或組件集合 查看組件的readme、demo及API文檔 的...
-
使用font-roboto-local
font-roboto的問(wèn)題 font-roboto是一個(gè)字體組件，引入后能使用google的roboto字體。因?yàn)楸?quot;paper-styles"使用，所以基本上會(huì)被大多數(shù)的...
-
DOM Event: 自定義事件
CustomEvent接口的規(guī)范在這里：CustomEvent。 現(xiàn)代的前端框架、庫(kù)或“Custom Elements”等都需要自定義事件來(lái)擴(kuò)展一個(gè)模塊的功能。當(dāng)然這些框架/...
-
app-drawer
"app-drawer"是一個(gè)由polymer編寫(xiě)的抽屜組件，demo可看這里。 "app-drawer"由官方polymer團(tuán)隊(duì)維護(hù)著，屬于app-layout項(xiàng)目。API...
-
"json-server"實(shí)戰(zhàn)
"json-server"是一個(gè)極其方便的創(chuàng)建偽RESTful服務(wù)器的工具。最簡(jiǎn)單的用法是，創(chuàng)建一個(gè)db.json文件： 然后命令行里運(yùn)行json-server --watc...
-
DOM Event：終止事件流動(dòng)
閱讀本文需要理解事件流動(dòng)機(jī)制，可以查閱之前的DOM Event：事件流動(dòng)（Event Flow）。 我們知道一個(gè)事件被瀏覽器捕獲后會(huì)元素間流動(dòng)，像這樣： 事件會(huì)依次在這些元素...
-
Web Workers Part 2: 通信
這是Web Workers系列文章的第二部分，還沒(méi)了解Web Workers的同學(xué)可以先查看Part 1 你可能會(huì)需要查閱這些接口：Worker、DedicatedWorke...
-
DOM Event：事件流動(dòng)（Event Flow）
該文章會(huì)講述DOM規(guī)范里的事件流動(dòng)的機(jī)制。你需要對(duì)瀏覽器事件相關(guān)的知識(shí)有最基本的了解。 考慮這么個(gè)例子： 哪怕一個(gè)web開(kāi)發(fā)的初學(xué)者都會(huì)知道，當(dāng)我們鼠標(biāo)在button上點(diǎn)擊時(shí)...
-
Web Workers Part 1：什么是Web Workers
“Web Workers”在WHATWG里已經(jīng)是LS，被大多數(shù)瀏覽器支持，詳細(xì)可看caniuse。 在講述Web Workers究竟是什么之前，我們先回頭看一下歷史遺留問(wèn)題。...
-
Service Workers里的CacheStorage和Cache
CacheStorage及Cache定義在Service Workers里。該Specification暫時(shí)還是WD狀態(tài)，下文里所提及的API都可能會(huì)有變動(dòng)。 這兩個(gè)接口大量...
-
Semver
本文討論的是一個(gè)nodejs工具，你需要對(duì)node/npm有最基本的了解。 Semantic Version是當(dāng)下被大多數(shù)軟件/庫(kù)使用的一套版本命名規(guī)范。 Semver是一個(gè)...
-
將用Polymer編寫(xiě)的Element的文檔/demo頁(yè)推到Github Pages
本文參考自Polymer文檔里的Publish an element。 你需要對(duì)Github Pages有所了解。 當(dāng)編寫(xiě)好一個(gè)組件并發(fā)布后，我們還希望能方便地瀏覽其文檔及d...
-
DOM Event: 常用事件，Part 2
本文很大程度上參考、整理自《DOM Enlightenment》及網(wǎng)絡(luò) 可以到MDN的Event reference去查看所有event及相關(guān)文檔。 本文會(huì)講述以下類(lèi)型的常用...
-
DOM Event: 常用事件，Part 1
本文很大程度上參考、整理自《DOM Enlightenment》及網(wǎng)絡(luò) 可以到MDN的Event reference去查看所有event及相關(guān)文檔。 本文會(huì)講述以下類(lèi)型的常用...
-
DOM Event: 如何處理事件
本文很大程度上參考、整理自《DOM Enlightenment》及網(wǎng)絡(luò) 當(dāng)下的HTML有三種方式監(jiān)聽(tīng)/handle事件： Inline Event Handlers Even...
-
Node.removeChild()后會(huì)發(fā)生什么？
詳細(xì)可查看MDN文檔 removeChild是Node接口下的一個(gè)很重要的方法，它能刪除一個(gè)子元素，例如： 能將子Node從父Node里移除 移除后子Node依然存在，可以把...