模塊化分類(lèi)

按dom結(jié)構(gòu)劃分

按功能劃分（組件化開(kāi)發(fā)）

模塊與模塊之間可以相互依賴(lài)，但互不影響
模塊：IIFE賦值給一個(gè)變量，當(dāng)引入模塊時(shí)，IIFE會(huì)立即執(zhí)行

• 單標(biāo)簽閉合才符合W3C規(guī)范
• display、position放在上面
• css是有順序的，先寬高、margin、box-shadow、border-radius
• 級(jí)聯(lián)選擇器，css樣式是從右到左查找，效率更高
• 絕對(duì)定位會(huì)讓塊級(jí)元素變成內(nèi)聯(lián)塊級(jí)元素，原先占滿整行的會(huì)收縮
  
• showInput = !showInput沒(méi)有條件語(yǔ)句里明確false、true好（有明確的boolean值，調(diào)試更方便）
• script的type只要不是text/javasctipt，腳本就跑不通，可以是text/html…，在里面寫(xiě)template模板（用text/html比用text/tpl好，在編輯器有樣式提示）
• 使用模板增加li，createDocumentFragment無(wú)效果，看mdn使用
• a丟失cursor pointer，因?yàn)闆](méi)加href="javascript:;"
• 遍歷子元素，不用children而用elemChildren，因?yàn)閏hildren有兼容性啊
• 我的理解
  

var IIFE = function(){console.log(1) }; var wait = function(){// 依賴(lài)其他事件驅(qū)動(dòng)console.log(2) } function init(){IIFE()setTimeout(function(){wait()},500) } init()

模板正則

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。