- 博客(5)
- 收藏
- 关注
原创 事件循环中的同步和异步以及宏任务、微任务
相比于同步异步方法,宏任务和微任务能更好的描述事件循环,可以通过此网站更好地理解宏任务与微任务,神站也。浏览器的渲染机制是,在当前宏任务执行完成之前,会清空所有微任务,并在下一个宏任务开始之前进行渲染操作。
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关注的人