查找元素
<!--querySelector(选择器)，查找满足条件的第一个元素 返回一个dom对象-->
var oLi = document.querySelector('.list')
<!--querySelectorAll(选择器)，查找满足条件的所有元素，返回一个类数组-->
var aLi = document.querySelectorAll('.list')
设置属性
<!--dataset设置一个属性
1.直接在html中写入 data-XXX
2.在js里通过 oDiv.dataset.XXX=XXX
-->
<li data-tag>12345</li>
<script>
oP.dataset.index = 1;
</script>
图片懒加载
<!--src 存放 一个1px * 1px 的质量较小的图片-->
<!-- data-src 存放真正的图片-->
<!-- 当元素进入到可视区域的时候 获取data-src里内容赋值给src-->
<img src="" data-src="" alt="">
给一个dom元素设置自定义属性的方法
1. oDiv.key = value
2. oDiv.setAttribute(key, value)
3. oDiv.dataset.key = value
4. <div data-key=value > </div>
获取dom元素自定义属性的方法
1. oDiv.getAttribute(key)
2. oDiv.key
3. oDiv.dateset.key key需要用驼峰写法
// 区别
// setAttribute/dataset 可以在html中看到
// oDiv.key 在html中看不到
异步加载
<!-- 异步加载 defer async -->
<!-- defer 先加载dom 同时加载js dom加载完成后执行js -->
<script src="../jquery/jquery-1.11.3.js" defer></script>
<!-- async 先加载dom 同时加载js 加载完成后执行js 加载剩余的dom -->
<script src="../jquery/jquery-1.11.3.js" async></script>
