- 博客(5)
- 收藏
- 关注
RSS订阅原创 事件循环中的同步和异步以及宏任务、微任务
相比于同步异步方法，宏任务和微任务能更好的描述事件循环，可以通过此网站更好地理解宏任务与微任务，神站也。浏览器的渲染机制是，在当前宏任务执行完成之前，会清空所有微任务，并在下一个宏任务开始之前进行渲染操作。
2022-05-18 22:52:58
472
原创 前端性能优化之浏览器重排与重绘
浏览器渲染过程在分析浏览器重排、重绘对性能的影响时，我们需要大致了解浏览器的渲染过程，其大致流程为：把HTML结构字符串解析转换DOM树形结构 解析CSS会产生CSS规则树 js脚本文件加载后，通过 DOM API 和 CSSOM API 来操作 DOM Tree 和 CSS Rule Tree浏览器有GUI渲染线程与JS引擎线程，为了防止渲染出现不可预期的结果，这两个线程互斥，故渲染过程中，如果遇到<script>标签则会停止渲染，阻塞DOM构建，等到执行完毕后再继续构建 .
2022-05-13 00:41:50
353
原创 nvm安装与使用（包含问题排查过程）
nvm node_mirror [url] / nvm npm_mirror [url] ：设置node和npm镜像，默认是 https://nodejs.org/dist/ 如果不写url，则使用默认 url，也可以在setting文件内修改。nvm list [available] ：显示已安装的列表，可选参数 available，显示可安装的所有版本，list可简化为ls。nvm root [path] ：设置存储不同版本 node 的目录，如果未设置，默认使用当前目录。如果提示权限不足 则通过。
2019-02-18 15:47:10
89
原创 移动端rem适配理解
获取当前页面宽度，从而设置根元素字体大小，代码如下：(function() { var html = document.documentElement; var width = html.getBoundingClientRect().width; html.style.fontSize = width / 7.5 + 'px'; ...
2018-11-26 10:59:32
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人