02 2022 档案

页面的回流(Reflow)和重绘(Repaint)

摘要：页面的回流(Reflow)和重绘(Repaint) 浏览器使用流式布局模型 (Flow Based Layout)。浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。有了RenderTree，我们就知道了所有节点的样式，然后计算他们在阅读全文

posted @ 2022-02-25 17:02 skylei 阅读(217) 评论(0) 推荐(0) 编辑

对于Event Loop的理解

摘要：对于Event Loop的理解 JavaScript 最早是用于写网页交互逻辑的，为了避免多线程同时修改 dom 的同步问题，设计成了单线程，又为了解决单线程的阻塞问题，加了一层调度逻辑，也就是 Loop 循环和 Task 队列，把阻塞的逻辑放到其他线程跑，从而支持了异步。然后为了支持高优先级的任务阅读全文

posted @ 2022-02-25 14:03 skylei 阅读(24) 评论(0) 推荐(0) 编辑

fetch和ajax、axios对比

摘要：fetch和ajax、axios对比 axios和ajax是对XMLHttpRequest的封装，而fetch是一种新的获取资源的接口方式，并不是对XMLHttpRequest的封装。它们最大的不同点在于Fetch是浏览器原生支持，而Axios需要引入Axios库。ajax需要引入Jquery 用阅读全文

posted @ 2022-02-25 11:01 skylei 阅读(222) 评论(0) 推荐(0) 编辑

对于Monorepo的理解

摘要：对于Monorepo的理解传统的项目管理方式就是一个项目便新建一个代码仓库地址。 Monorepo核心就是把所有项目放在一个代码仓库中进行管理。然后不同项目使用不同的文件夹进行管理，一般情况下，以Vue3为例Monorepo的项目架构是这样 ├── packages | ├── pkg1 | | 阅读全文

posted @ 2022-02-23 14:28 skylei 阅读(427) 评论(0) 推荐(0) 编辑

如何使用node.js编写Cli命令行

摘要：如何使用node.js编写Cli命令行作为前端在日常开发中、经常会使用各式各样的cli工具，例如vue-cli，gulp-cli，angular-cli等。其实就是在cmd命令行。了解这些命令行是如何生成、编写是很有必要的。第一步：运行编写的js代码基于NodeJS编写的Cli其实就是Nod 阅读全文

posted @ 2022-02-22 17:06 skylei 阅读(355) 评论(0) 推荐(0) 编辑