CavenDish

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

本文讲了vue3是如何实现编译优化之“静态提升”，静态节点无需每次执行render函数都去生成一次虚拟DOM

code-inspector-plugin 插件点击页面元素，就能自动跳转 vscode 对应的源代码位置。支持 webpack/vite/rspack/vue/react/solid/preact等

最近对于浏览器是如何解析html css js产生了好奇，综合了许多资料，分几个章节讲。 首先用户从客户端发起请求，html文档被服务器拿到后，要做的就是对该文档的解析。拿到的html文档是标准的字符

这篇文章带你了解 DOM、JS、CSS 三者的爱恨情长：DOM树是怎么生成的？解析 HTML 时遇到了 JS 会怎么样？JS 遇到了 CSS 又会怎么样？为什么要把 CSS 放头部和把 JS 放尾部

今天这篇文章涉及到了浏览器的渲染流程，这个阶段很重要，了解其相关流程能让你“看透”页面是如何工作的，了解这些知识，你可以熟练使用开发者工具，能够帮只你理解开发者工具里面大部分项目的含义，能优化页面卡顿

“在浏览器里，从输入 URL 到页面展示，这中间发生了什么？”这是一道经典的面试题，能比较全面地考察应聘者知识的掌握程度，其中涉及到了网络、操作系统、Web 等一系列的知识。今天我们就一起来探索下这个

场景 在乾坤子项目中注册beforeunload事件阻止用户刷新或者离开页面失效 原因 这是乾坤使用Proxy拦截了用户全局操作的行为，防止对window的访问和修改，避免全局变量污染，所以在子项目中

曾经以为自己会用 watch 、 watchEffect 了，后来发现只是略懂皮毛。最近我就把 Vue3 的侦听器全面梳理了一下，分享给大家。看看有没有你不会的吧，一起学起来！