2022年7月21日
摘要: 对象的语法糖 obj.name='zs'//语法糖 obj['name']='zs'//完整写法 obj.age//语法糖 函数的语法糖 普通函数: function(){} ==> 箭头函数: ()=>{} 数组的语法糖 arr = [1,2,3] ==> 使用解构: {1,2,3} = arr 阅读全文
posted @ 2022-07-21 20:52 香香鲲 阅读(399) 评论(0) 推荐(0) 编辑
摘要: BOM操作 了解 1.BOM BOM是browser object model的缩写,简称浏览器对象模型 由一系列功能的对象构成,核心对象是window BOM缺乏标准(不过所有浏览器都支持),JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C//一定要记住,BOM不是W3C 阅读全文
posted @ 2022-07-21 20:51 香香鲲 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 缓慢动画 缓动动画: 匀速改变元素的样式 就是匀速动画 非匀速的改变元素css样式的动画效果就是缓动动画 计算公式: 设定值=当前+(目标值-当前)*百分比 阅读全文
posted @ 2022-07-21 20:45 香香鲲 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 预加载和懒加载 预加载: 提前加载资源--同源加载的优化 懒加载: 先不加载 等条件成立时再加载 懒加载的意义: 懒加载的目的主要是作为服务器前端的优化,减少请求数或延迟请求数。 预加载懒加载的区别: 一个是提前加载,一个是延迟甚至不加载,懒加载可以缓解服务器对的压力。预加载会增大服务器的压力,比如 阅读全文
posted @ 2022-07-21 20:28 香香鲲 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 防抖和节流 使用场景: 抽奖 登录 动画 网络加载等待需要做防抖或者是节流操作 1、什么是防抖 首先,先去解释一下什么叫做防抖,在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时 2、什么是节流 当持续触发事件时,保证一定时间段内只调用一次事件处理函数。所以节流会稀释函数的执行频率 防 阅读全文
posted @ 2022-07-21 15:55 香香鲲 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 事件代理 网页设计中的一种思想,利用事件对象中引用的目标对象这个技术来实现的 无论事件触发时 是不是目标对象的监听器 在监听器内部的事件对象event中都可以访问这个事件的目标对象,利用这个特点去绑定事件给父级元素 来代理子级元素的业务,这种设计就是事件代理。 事件代理的优点: 1.可以大量节省内存 阅读全文
posted @ 2022-07-21 14:26 香香鲲 阅读(24) 评论(0) 推荐(0) 编辑