Web前端性能优化
文章平均质量分 92
详解主流前端代码性能优化,提升用户体验
黑夜中的潜行者
赢家不是那些从不失败的人,而是属于那些从不放弃的人
展开
-
什么是防抖和节流?有什么区别?如何实现?
防抖n 秒后在执行该事件,若在 n 秒内被重复触发,则重新计时。节流n 秒内只运行一次,若在 n 秒内重复触发,只有一次生效。原创 2023-01-07 14:03:25 · 3382 阅读 · 0 评论 -
JavaScript 创建对象的七种经典方式
JavaScript 创建对象的方式有很多,通过 Object 构造函数或对象字面量的方式也可以创建单个对象,显然这两种方式会产生大量的重复代码,并不适合量产。接下来介绍七种非常经典的创建对象的方式,他们也各有优缺点。原创 2021-12-26 11:01:31 · 155 阅读 · 1 评论 -
Web前端性能优化_缓存机制、缓存示意图
缓存机制、缓存示意图1. 缓存理解;2. 缓存分类;3. 缓存使用示意图;4. 缓存中的header参数;1、强缓存的header参数;2、协商缓存的header参数;小结:原创 2020-10-11 21:19:02 · 203 阅读 · 0 评论 -
Web前端性能优化_浏览器本地存储
浏览器存储Cookie, SessionStorage, LocalStorage这三者都可以被用来在浏览器端存储数据,而且都是字符串类型的键值对!注意:session和SessionStorage不是一个概念!!!在服务端有一种存储方式叫做:session会话存储,常常被简称sessionsession:会话 SessionStorage:浏览器端用于存储数据的容器,常常被前端人员简称为session session会话存储:服务器端一种存储数据的方式,常常被后端人员简称为sess原创 2020-10-10 19:29:39 · 201 阅读 · 0 评论 -
Web前端性能优化_CDN(内容发布网络)、CDN工作原理
什么是CDN?工作原理是什么?网站通常将其所有的服务器都放在同一个地方,当用户群增加时,公司就必须在多个地理位置不同的服务器上部署内容为了缩短http请求的时间,我们应该把大量的静态资源放置的离用户近一点。内容发布网络 CDN(Content Delivery Networks)CDN是一组分布在多个不同地理位置的web服务器,用于更加有效的向用户发布内容基本思路: 尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。 通过在网络各处放置节点原创 2020-10-08 11:24:10 · 606 阅读 · 0 评论 -
Web前端性能优化_图层与重绘重排
图层与重绘重排css图层图层创建的条件图层模型重绘(Repaint)重排(Reflow 又称:回流)触发重绘的属性触发重排(回流)的属性常见的触发重排的操作优化方案(重绘重排)重绘重排的代价requestAnimationFrame ---- 请求动画帧原创 2020-10-06 10:25:00 · 546 阅读 · 0 评论 -
Web前端性能优化_浏览器渲染引擎与阻塞
浏览器渲染引擎与阻塞一、浏览器渲染引擎主要模块大致的渲染过程二、阻塞渲染1.关于css阻塞:2.关于js阻塞:3.备注原创 2020-10-05 10:37:24 · 488 阅读 · 2 评论 -
Web前端性能优化_浏览器功能与组成
网页浏览这是浏览器的核心也是最基本的功能,最重要的功能。原创 2020-10-04 10:45:53 · 218 阅读 · 0 评论