模塊化分類

按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()

模板正則

總結

以上是生活随笔為你收集整理的DOM-9 【实战】模块化开发Todolist（面向过程）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。