Polymer庫提供了一套功能來創(chuàng)建自定義標簽囊骤。這些功能設(shè)計能夠簡單、迅速地讓自定義標簽象標準DOM標簽一樣使用。類似標準DOM標簽,Polymer標簽?zāi)軌颍?/p>
- 使用構(gòu)造函數(shù)或者
document.createElement
實例化挺狰; - 配置使用特性或?qū)傩裕?/li>
- 在每個實例中填充內(nèi)部DOM;
- 響應(yīng)屬性和特性的變化(例如,填充數(shù)據(jù)到DOM买窟,或者觸發(fā)事件)丰泊;
- 內(nèi)部默認樣式或外部樣式;
- 響應(yīng)方法操作內(nèi)部狀態(tài)始绍;
基本Polymer標簽定義看上去像這樣:
<dom-module id="element-name">
<template>
<style>
/* 你標簽的CSS規(guī)則 */
</style>
<!-- 你標簽的局部DOM-->
<div>{{greeting}}</div> <!-- 在局部DOM內(nèi)的數(shù)據(jù)綁定-->
</template>
<script>
// 注冊標簽
Polymer({
is: "element-name",
// 在標簽原型上添加屬性和方法
properties: {
// 為標簽的公共API聲明屬性
greeting: {
type: String,
value: "Hello!"
}
}
});
</script>
</dom-module>
這個指南將劃分為以下幾組功能:
- 注冊和生命周期瞳购。通過一個自定義標簽名注冊一個標簽并關(guān)聯(lián)一個Class(原型)。標簽提供回調(diào)函數(shù)管理它的生命周期亏推。通過行為共享代碼学赛。
- 聲明屬性年堆。屬性聲明可以從標記上使用特性來配置。屬性聲明支持隨意改變觀測者罢屈,雙向數(shù)據(jù)綁定,和反射到特性篇亭。你還可以聲明計算屬性和只讀屬性缠捌。
- 局部DOM。局部DOM是通過標簽創(chuàng)建和管理的DOM译蒂。
- 事件曼月。附加事件監(jiān)聽器到主機對象和局部DOM。事件重定向柔昼。
- 事件綁定哑芹。屬性綁定。綁定到特性捕透。
- 行為聪姿。行為是能夠混合到Polymer標簽里的可重用的代碼模塊。
- 公用函數(shù)乙嘀。為共同任務(wù)的幫助方法末购。
- 實驗功能和標簽。實驗?zāi)0搴蜆邮焦δ芑⑿弧9δ軐印?/li>