随笔分类 - 前端性能

前端中的防抖和节流

摘要：一、背景在日常使用中，用户在进行搜索时，没输入一个字就会触发接口请求，这样就会造成网络请求繁忙；用户在下拉滚动调的时候，由于速度过快也会造成频繁触发接口调用。二、防抖防抖，顾名思义，防止抖动。用于将用户的操作行为触发转换为程序行为触发，防止用户操作的结果抖动。一段时间内，事件在我们规定的间隔阅读全文

posted @ 2022-04-25 14:53 musicBird 阅读(1552) 评论(0) 推荐(0) 编辑

浅谈前端性能优化

摘要：前端性能优化主要分两块：一是资源加载 1.多使用内存、缓存和其他方法 2.减少CPU计算量，减少网络加载耗时。以上适用所有编程的性能优化-空间换时间 3.减少资源体积：压缩代码，图片精灵 4.减少访问次数：合并代码（js模块化，最后打包成一个JS）、SSR服务器端渲染，缓存 5.使用更快的CDN 阅读全文

posted @ 2022-04-24 21:23 musicBird 阅读(299) 评论(0) 推荐(0) 编辑

浏览器的渲染过程

摘要：一、从用户请求到浏览器渲染的过程大致如下 1.用户输入域名，然后DNS解析成IP地址 2.浏览器根据IP地址请求服务器 3.服务器响应http请求，并返回给浏览器 4.浏览开始渲染：。根据html，生成DOM TREE 。根据css，生成CSS TREE 。将DOM TREE和CSS TREE结合阅读全文

posted @ 2022-04-24 15:24 musicBird 阅读(3074) 评论(0) 推荐(0) 编辑