模塊化分類
- 按dom結構劃分
- 按功能劃分（組件化開發）
模塊與模塊之間可以相互依賴，但互不影響
模塊：IIFE賦值給一個變量，當引入模塊時，IIFE會立即執行
- 單標簽閉合才符合W3C規范
- display、position放在上面
- css是有順序的，先寬高、margin、box-shadow、border-radius
- 級聯選擇器，css樣式是從右到左查找，效率更高
- 絕對定位會讓塊級元素變成內聯塊級元素，原先占滿整行的會收縮
- showInput = !showInput沒有條件語句里明確false、true好（有明確的boolean值，調試更方便）
- script的type只要不是text/javasctipt，腳本就跑不通，可以是text/html…，在里面寫template模板（用text/html比用text/tpl好，在編輯器有樣式提示）
- 使用模板增加li，createDocumentFragment無效果，看mdn使用
- a丟失cursor pointer，因為沒加
href="javascript:;" - 遍歷子元素，不用children而用elemChildren，因為children有兼容性啊
- 我的理解
var IIFE = function(){console.log(1)
};
var wait = function(){// 依賴其他事件驅動console.log(2)
}
function init(){IIFE()setTimeout(function(){wait()},500)
}
init()
模板正則
)
