hw_qing

读书是一种享受，能喜欢读书的人都是幸福的。 我会毫无保留的把我个人的阅读书籍经验全部分享出来，希望可以帮助更多的还在路上的前端小伙伴可以更好的走上正确的道路。 作为一个前端工程师，我阅读了很多书籍，前端的，后端的，架构的，底层的，软技能系列的，等等吧。甩几张以前保存的图吧： 反…

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

SPA（Single Page Application）： 单页面应用程序，是前后端分离时提出的一种解决方案。在一个应用或者站点中，只有一个完整的html页面，这个页面有一个容器root节点，可以把需要加载的代码片段插入到该容器中。 SPA的工作原理：采用的前端路由跳转子页面系…

最近前端包管理器pnpm真的是太火了，大量的文章分析了pnpm的原理。了解之后，发现pnpm整个架构都是基于硬链接和软链接组织的，但我对这两个概念比较模糊，所以想研究一下。

《前端面试每日3+1》，学习不打烊，充电加油只为遇到更好的自己，365天无节假日，每天早上5点纯手工发布面试题（死磕自己，愉悦大家）。 希望大家在这浮夸的前端圈里，保持冷静，坚持每天花20分钟来学习与思考。 【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正…

注意是调度，不是执行。在这个阶段，会把使用了 useEffect 组件产生的生命周期函数入列到 React 自己维护的调度队列中，给予一个普通的优先级，让这些生命周期函数异步执行 随后，就到了 React 把虚拟 DOM 设置到真实 DOM 上的阶段，这个阶段主要调用的函数是 …

浏览器由8个子系统组成，具有多进程和多线程架构，掌握浏览器页面渲染过程，有助于前端开发优化页面的性能

前言 说好的教程终于来了，文章主要带大家打造一个 react spa 的项目，使用的技术栈是 vite+react+ts,vite 的快想必我就不用介绍了，用过的都说好， react + ts 已经成

浏览器架构 第一阶段：单进程架构(2007年以前) 指的是浏览器的所有功能模块都运行在一个进程里，包括网络线程、插件线程、JavaScript运行环境、渲染引擎和页面，如此多的模块都在一个进程，是浏览