xxx
' + 能够识别标签 + 操作元素的常用属性 + btn.src = './img2.jpg' 等等直接修改元素的常用属性 + 操作元素的样式属性（CSS） + 通过style属性操作元素的CSS + btn.style.color = 'red' + 通过操控类名ClassName修改 + btn.className = 'active' + 通过className修改类名是直接覆盖操作 + 通过操作类名classList修改 + btn.classList.add('active') + 通过classList的add方法添加属性 + btn.classList.remove('active') + 通过classList的remove方法删除属性 + btn.classList.toggle('active') + 通过classList的toggle方法切换（有则删，无则增） + btn.classList.contains('active') + 通过classList的contains方法判断是否存在某个类名，有则返回TRUE + 操作元素的表单属性 + innerHTML只能获取双标签如等属性，不能获取类似于表单的单标签。语法：表单对象.type = 'text' +表单对象.value = 'xx' 单选框.checked = true 等 + 自定义属性 + 在H5推出专门的data-自定义属性，通过对象.dataset.自定义属性名获取 + 间隔函数 + setInterval(function(){},时间)每个某时间就执行一次函数 +clearInterval(变量名)用来关闭间隔函数 + 延时函数 + setTimeout(function(){},时间)一段时间后执行一次的函数 +clareTimeout(变量名)来关闭延时函数 + 伪类选择器 + 取第一个值 + document.querySelector(''li:first-child) + 取第n个值 + document.querySelector(''li:nth-chicd(n)) + 取最后一个值 + document.querySelector(''li:last-child) + 事件 + 事件监听 + btn.addEventListener('事件',function(){}) + 事件类型 + 鼠标事件：click点击，mouseenter鼠标经过，mouseleave鼠标离开，dblclick双击鼠标 +键盘事件：keyup键盘抬起，keydown键盘按下 +焦点事件：focus获得焦点，blur失去焦点，change失去焦点并且内容有改变 +文本事件：input内容改变 + 事件对象 + 监听事件时的回调函数的第一个参数就是事件对象btn.addEventListener('click',function(e){}) +e.key属性来获取当前按的按键 +e.target属性用来获取当前事件触发的元素 +e.preventDefault()来组织元素的默认行为 + 环境对象 + this,谁调用这个函数，this就指向谁 + 页面滚动事件 + window.addEventListener('scroll',function(){}) +来给整个页面添加滚动事件 + doucment.documentElement +用来获取页面本身 + scrollTop用来获取页面当前滚动的距离 +scrollTo用来将页面跳转到指定距离 +scrollHeight用来获取当前元素的长 + 时间对象 + 时间对象 + const data = new Date() +获取当前时间 +const data = new Date('YYYY-MM-DD HH:mm:ss') +获得指定时间，将指定有时间格式的字符串转成时间对象 + 时间对象的方法 + data.getFullYear()获取四位数年份 +data.getMonth()获取月份0~11 +data.getData()获取日期 + 时间戳 + 指的是从1970年01月01日00时00分00秒开始至今的毫秒数 ++new Data() + 节点 + 父节点 + 子节点.parentNode + 子节点 + 父节点.children + 是个伪数组 + 兄弟节点 + .nextElementSibling获取下一个兄弟 + .previousElementSibling获取上一个兄弟 + 增加节点 + const li = document.createElement(li)创建新节点 + 父元素.appendChild(li)添加到父元素里 + 克隆节点 + 元素.cloneNode([布尔值]) +布尔值默认为FALSE，如果为TRUE则克隆时包含后代节点 ，FALSE反之 + 删除节点 + 父元素.removeChild(要删除的元素) + BOM + location对象 + loction.href = 'http//:www.baidu.com'可以修改当前页面的网址 + 本地存储 + localStorage增删改查 + localStorage.setItem(键,值)增 + localStorage.getItem(键)查 + localStorage.removeItem(键)删 + localStorage.setItem(键,值)改，与增一致，有则改，无则增 + JSON + 复杂类型转成json字符串再存到本地，拿出来时再改成复杂类型 + JSON.stringify(复杂数据类型) + JSON.parse(JSON字符串) + 数组的方法 + arr.push()数组末尾添加数据 + arr.unshift()数组开通添加数数据 + arr.pop()数组末尾删除数据 + arr.shift()数组开头删除数据 + arr.splice(起始索引,删除个数)动态删除数据 + map()方法遍历数组，并返回新数组 + const 新数组 = 旧数组.map(function(ele,index){ + retuen +})ele表示每个元素，index表示下标 + join()方法数组拼成字符串 + 数组.join([连接符])如果不写连接符默认用,链接 + forEach方法循环 + 数组.forEach(functioon(ele,index){}) + filter()方法筛选数组，并返回新数组 + const 新数组 = 旧数组.filter(function(item){ + return item>20 +}) + reduce()方法，返回累计处理的结果 + arr.reduce(function(累计值,当前元素的值){ + return 累计值+当前元素 +},起始值) + find()方法查找元素，返回符合的第一个数组元素，否则返回undefined + const xx = arr.find(function(item){ + return item>20 +}) + every()方法判断每个元素是否都符合条件，都符合返回TRUE，否则FALSE + const xx = arr.every(function(item){ + return item>20 +}) + 伪数组转真数组 + Array.from(伪数组) + 动态参数 + 当不知道有多少参数时，用动态参数arguments可以获取所有的参数 + 剩余参数 + 多出来的参数可以用 ...参数名 一个数组接收 + 展开运算符 + 展开运算符...可以将一个数组展开，与join()相似 + Number的方法 + toFixed()方法，保留几位小数，四舍五入 + number.toFixed(2) + 字符串的方法 + split()方法，把字符串转成数组，与join()相反 + str.split(以什么为间隔符) + substring()字符串截取 + str.substring(开始索引,结束的索引) +包头不包尾，无结束索引则截取到结束 + 箭头函数 + 基础语法 + const fn = () =>{} + 当只有一个参数时，可以省略() +const fn = e =>{} + 如果函数体只有一行代码，可以写到一行上，并且不用写return +const fn = x => x+x + 箭头函数的this + 沿用上一级的this + 解构 + 数组的解构 + const [a,b,c] = arr; + 数组解构必须加; + 对象的解构 + const {uname,age} = user + 对象解构变量名和对象的成员变量方法名一致 \ No newline at end of file -- Gitee