|
今日学习内容： 1.事件委托 事件委托或者叫事件代理 原理就是因为存在事件冒泡 需求：点击当前的li元素，得到元素内容 特点:动态追加的元素依然具有绑定的事件 2.事件加载（onload）onload等页面中的资源(元素，图片,引入的css等等)加载完毕后执行代码 使用传统的绑定方式的话只能写一个onload事件 3.find方法数组新增的方法 find() 找到数组中满足条件的第一项 如果没有结果是undefined findindex方法findLastindex()\ 数组的新方法 findIndex() 返回满足条件的那一项的下标,只会找到第一个 如果找不到，返回 -1 4.数组的splice属性splice(下标,删除的个数) 5.JSON的概念：前后端进行数据交互的时候，需要使用字符串类型 前端操作对象更容易 1.JSON:JavaScript 对象表示法 2.JSON不是一门编程语言，就是js应用，存储和交换数据的一种格式 3.JSON的本质是字符串 4.语法有特殊的要求，使用双引号 6.存储属性localStorage 持久存储 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage 临时（会话）存储 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 key(n) 返回存储对象中第 n 个键的名称 setItem() 添加键和键值（添加数据） 返回指定键的值 添加键和值，如果对应的值存在，则更新该键对应的值。 键 （字符串类型）值 （字符串） getItem() 获取键和键值（获取数据） 结果有就是对应的值，没有的结果是 null 返回指定键的值 removeItem(‘uname’) 移除（移除键） 键clear() 1. 清除所有内容（清除存储对象中所有的键） Web 存储 API | | | 在浏览器中存储 key/value 对。没有过期时间。 | | 在浏览器中存储 key/value 对。 在关闭窗口或标签页之后将会删除这些数据。 |
7.样式获取console.log(box.style.width) //只能读取到行内样式（优先级高） IIFE: 立即执行函数 语法： （function(){ 书写代码 }) () （function(){ 书写代码 }）（）} 特点：不需要调音直接就会执行，只会执行一次 作用： 解决变量冲突问题（变量污染全局问题） | 
