摘要: 一、防抖 debounce(频繁操作最后触发,避免频繁触发) 场景 1. 监听一个输入框,内容发生变化触发change事件,当我们在输入或者删除时会频繁触发change事件,中间这些触发时没必要的,只要当我们停止改变时触发一次change就可以 2. 监听滚动条,滚动条滚动触发scroll事件,当我 阅读全文
posted @ 2020-09-04 19:27 Walker-lyl 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 一、性能优化原则 1. 多使用内存、缓存或其他方法 2. 减少CPU计算量,减少网络加载耗时 3. 空间换时间(适用于所有编程的性能优化) 二、从何入手 1. 让加载更快 减少资源体积:图片、压缩代码 减少请求次数:合并代码、雪碧图、SSR服务器端渲染、缓存 使用更快的网络:CDN 2. 让渲染更快 阅读全文
posted @ 2020-09-04 18:33 Walker-lyl 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 一、为什么JS需要异步 JavaScript是单线程语言,同一时间只能做一件事,JS执行和DOM渲染公用一个线程,当JS执行时会阻塞DOM解析和DOM渲染。 当我们发出网络请求或者定时器任务,需要时间可能很长,这时候不能让页面卡住,因为可能会造成页面空白,让用户长时间的等待,这是极其影响用户体验的, 阅读全文
posted @ 2020-09-04 17:57 Walker-lyl 阅读(331) 评论(0) 推荐(0) 编辑