白给0920

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...

希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webp...

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请...

为什么 React 不精确监听数据变化呢？这是因为 Vue 和 React 设计理念上的区别，Vue 使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之...

轮询的理解     其实轮询的重点在于间隔多少时间执行一次，而并非循环本身。ajax是异步请求，从发起请求到接受到响应即为一个完整的过程，这个过程所需要的时间是无法预料的，...

本文首发于[个人博客网址](https://www.kelen.cc)：[https://www.kelen.cc/posts/husky-commit-rule](htt...

从输入 URL 到页面展示这中间到底发生了什么？，这是一道非常经典的面试题，这一过程涉及到了计算机网络、操作系统、Web等一系列知识，如果对这一过程有非常好的了解，对以后的...

真实DOM渲染和虚拟DOM渲染 真实DOM渲染：在传统前端开发过程中，我们编写的HTML会直接被浏览器渲染，转换成为DOM树渲染到浏览器上。 虚拟DOM渲染： 目前市面主流...

vue的模版语法是系统自带的指令(比如v-modle或v-show)，除了这些指令之外我们还可以自定义指令。Vue常用的代码复用方式：组件和组合式函数。组件主要用于构建木块...

watchEffect watchEffect会自动收集函数里面变量的响应式依赖。在初始化的时候watchEffect会自动执行一次（这是无法阻止的），之后watchEff...

做项目遇到了需要通过ref获取dome的场景，setup执行的时候组件实例并没有被挂载，所以是拿不到dome的引用的，一般都需要在onMounted中获取。我遇到的问题就是...

本文通过对比 React 介绍了 Hook 的概念，自定义 Hook 的优势，如何使用 Vue 3 组合式 API 实现 Hook。...

前言 其实vue3中使用插槽和vue2中是差不多的。 使用 Vue 的小伙伴相信你一定使用过插槽，如果你没有用过，那说明你的项目可能不是特别复杂。插槽（slot）可以说在一...

由于vue3之后，用vite替代了webpack，原本的require语法不生效了，动态的拼接图片，目前有两种方法...

单线程         Js是单线程语言，所以Js在同一时间只能做一件事。单线程意味着在同一时间有多个任务时，这些任务就需要排队，等前一个任务执行完才能执行下一个任务。下面...

本篇文章通过一个例子告诉你为什么需要抽象类和什么是抽象类。我们在实际开发过程中经常会遇见对同一类型的不同对象进行信息提取操作...

摘要 回流和重绘是前端开发的高频词汇之一，你可以在各种面经，性能优化相关文章可以看到，但是很多都是草草带过。 本文带你了解回流与重绘的原理。 浏览器渲染流程 浏览器的主要功...