随笔分类 - 性能优化
摘要:一、防抖函数手动写 防抖函数定义:一个需要频繁触发的函数,在规定时间内只让最后一次生效,前面的不生效 /** * @param {*} fn 包装的事件回调函数 * @param {*} delay 等待时间 */ export function debounce(fn, delay) { // 记
阅读全文
摘要:什么是函数节流?什么是函数防抖? 1、函数节流:一个函数执行一行后,只有大于设定的执行周期后才会被执行第二次 -- 有个需要频繁触发的函数,出于优化性能角度,在规定时间内,只让函数触发的第一次生效后面不生效 /** * * @param {*} fn 被节流的函数 * @param {*} dela
阅读全文
摘要:重绘概念:当render tree 中的一些元素需要更新属性,而这些属性只是影响外观,风格不会影响布局的,比如说background-color。则就叫重绘。 触发页面重布局的属性 1、盒子模型相关属性 2、定位属性及浮动 3、改变节点内部文字结构 ①. width , height , paddi
阅读全文
摘要:Cookie 1、因为HTTP请求 无状态,所以需要cookie去维持客户端状态 2、过期时间 expire 3、cookie的生成方式 ①、http response header 中的set-cookie ②、js中可以通过documentdocument.cookie可以读写cookie 4、
阅读全文
摘要:1、content方面 减少HTTP请求:合并文件、CSS精灵、inline Image 减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源分布到恰当数量的主机名,平衡并行下载和DNS查询 避免重定向:多余的中间访问 使Ajax可缓存 非必须组件延迟加载
阅读全文