CavenDish

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

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

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

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

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

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

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

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

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

在vue的组件化开发过程中，透传几乎必不可少，在创建高级组件时非常有用。合理利用透传可以大幅提升高级组件开发效率，同时也能降低组件的维护成本，用更少的代码却能实现更多的事情...

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！...

2021 高频前端面试题汇总之性能优化篇，前端面试题汇总系列文章的性能优化篇，长期更新，欢迎收藏、点赞！...

像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()用于分配内存和释放内存。 而对于JavaScript来说，会在创建变量（对象，字符串等...

JS的内存空间分为栈(stack)、堆(heap)、池(一般也会归类为栈中)。 其中栈存放变量，堆存放复杂对象，池存放常量，所以也叫常量池。 栈是一种特殊的列表，栈内的元素...

JavaScript 是门魅力无限的语言，关于它的 GC（垃圾回收）方面，你了解多少呢？想来大部分人是因为面试才去看一些面试题从而了解的GC，当然，我们可不仅仅是为了面试，...

你了解内存泄漏吗？此文我们会介绍内存泄漏的相关概念和引起内存泄漏的一些问题，还会着重给大家介绍内存泄漏的排查、定位及修复方法，最后还简单扩展了下前端内存三大件的其他两件内存...

如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack...

「图文并貌」 探索Webpack团队设计Pitch Loader的含义，从Loader的设计哲学带你掌握Pitch Loader的真实应用场景。...

2 月份发布的 Chrome 80 版本中默认屏蔽了第三方的 Cookie，在灰度期间，就导致了阿里系的很多应用都产生了问题，为此还专门成立了小组，推动各 BU 进行改造，...