模块化分类
- 按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()
模板正则
