2017-3-20(json 瀑布流/懒加载/预加载)

review

1. DOM 文档对象模型

元素 新增/删除/插入/替换/复制 cloneNode(bol)

属性 新增ele.setAttribute(name, value)/获取ele.getAttribute(name)/移除ele.removeAttribute(name)

文本 innerHTML/innerText/value

2. JSON 轻量级的数据交换格式

XML

XHTML

{

"name": "Shafee",

"age": 20,

"schools": [{}, {}, {}]

}

效果： 碰壁反弹/瀑布流/懒加载/预加载

瀑布流

页面的可视区宽高

document.documentElement.clientWidth/document.documentElement.clientHeight

懒加载，资源[img]需要使用到才请求加载，减少首屏加载时间

预加载，预先将消耗网络带宽的资源[img]请求回来，加载完成之后才进一步操作