影响页面渲染速度主要有：reflow(回流)和repaint(重绘) reflow(回流)： 页面为什么会慢？那是因为浏览器要花时间、花精力去渲染，尤其是当它发现某个部分发生了点变化影响了布局，需要倒回去重新渲染， 该过程称为reflow（回流）。reflow 几乎是无法避免的。现在界面上流行的一些 ...
分类：
其他好文 时间：
2020-03-21 11:26:09
阅读次数：
65
useState 生成状态 useEffect 执行副作用(不会阻塞浏览器渲染，原理是使用了requestIdleCallback，在浏览器空闲时执行callback) useContext 获取context参数 useReducer 修改状态 useCallback 缓存函数 useMemo 缓 ...
分类：
其他好文 时间：
2020-03-20 17:03:27
阅读次数：
74
浏览器部分 网络层面 1. 过多的HTTP请求 打开一个网页的时候，后台程序的响应并不所需太多时间，等待的时间主要花费在下载网页元素上了，即HTML、CSS、JavaScript、Flash、图片等。据统计，每增加一个元素，网页载入的时间就会增加25 40毫秒（具体取决于用户的带宽情况）。 2. 资 ...
分类：
其他好文 时间：
2020-03-15 18:52:47
阅读次数：
111
https://juejin.im/post/5b0b7d74518825158e173a0c 性能优化 https://blog.csdn.net/qq_37653449/category_8952459.html https://www.jianshu.com/p/e901921d6bbd ht ...
分类：
Web程序 时间：
2020-03-13 01:46:39
阅读次数：
69
摘自：https://blog.csdn.net/zhouzuoluo/article/details/95593143 <style scoped >中使用深度选择器影响子组件 在<style scoped >样式中使用深度选择器影响子组件，可以使用 >>> 操作符，使用如下 .MiddleCon ...
分类：
其他好文 时间：
2020-02-28 13:51:18
阅读次数：
63
一、出现报错 二、原因： 1、跨域访问是浏览器做的一个保护机制（html5页面需要浏览器渲染） 2、如果页面所访问的后端没有部署在同一个浏览器也会报错 三、跨域问题的解决方式： A、通过后端访问后端的方式解决。 B、通过页面的漏洞来解决--jsonp（不常用） C、现在浏览器支持cors,当然需要我 ...
分类：
数据库 时间：
2020-02-18 13:16:08
阅读次数：
88
前置知识点：浏览器原理，浏览器内核5种线程及协作，JS引擎单线程设计推荐阅读：从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理【FE】浏览器渲染引擎「内核」js异步编程，Promise实现推荐阅读：Javascript异步编程的4种方法前端面试必考题Promise的源码解析堆、栈、队列、执行... ...
分类：
编程语言 时间：
2020-02-08 13:57:19
阅读次数：
89
浏览器渲染页面的过程如下图： 一、解析HTML创建DOM Tree 浏览器解析HTML文档，并构造一颗DOM树(DOM Tree) 二、解析CSS计算样式数据 浏览器构造DOM树的同时，还会解析CSS样式并计算最终的样式数据，生成样式规则。 三、构造渲染树(Render Tree) 根据 DOM T ...
分类：
其他好文 时间：
2020-02-02 14:14:51
阅读次数：
64
渲染过程 浏览器渲染过程如下： 1. 解析 HTML，生成 DOM 树，解析 CSS，生成 CSSOM 树。 2. 将 DOM 树和 CSSOM 树结合，生成渲染树(Render Tree)。 3. Layout(回流): 根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） ...
分类：
其他好文 时间：
2020-01-26 23:46:29
阅读次数：
72
字体反爬，是一种利用 CSS 特性和浏览器渲染规则实现的反爬虫手段。其高明之处在于，就算借助（Selenium 套件、Puppeteer 和 Splash）等渲染工具也无法拿到真实的文字内容。 这种反爬虫手段通常被用来保护页面中的关键数据，例如影片票房、外卖平台的商家电话、汽车门户上的车型报价或者是 ...
分类：
编程语言 时间：
2020-01-22 21:40:07
阅读次数：
97
