健康小白

BFC（Block Formatting Context）块级格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 （3）冒泡阶段：事件从目标节点自下而上向window对象传播的阶段。 由于事件会在冒泡阶段向上传播到父…

简洁的抽象 前端开发者现在几乎已经离不开 UI 组件库了，典型的如 Ant Design、Material Design、以及最近 Vue 生态兴起的 Naive UI 等，组件库提供了简单、灵活

面向对象是指把写程序映射到现实生活，从而一来逻辑性更强，更容易写好代码，二来代码很贴切，通俗易懂，更被人理解，三来更加容易拓展和管理代码。 我们的代码设计应该有很多人，事物和场景，人是管理员，事物是数据库，场景就是业务。 写代码就像在模拟现实的生活的处理公务，比如我们可以抽象出…

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

自然界的万事万物都会有一个生命周期，比如人，生老病死，比如石头，沉淀风化，最后成为泥土。 生，开始，从未知到存在。我们可以把beforeCreate()，看作一个组件生命的开始 但是，在降临之前，是不是要找一个合适的地点，el挂载点就显得非常重要了，所以在created()之后…

想要搞明白 Vue3 的 DOM Diff 核心算法，我们要从一道 LeetCode 真题说起。 LeetCode 真题 300. 最长上升子序列 给定一个无序的整数数组，找到其中最长上升子序列的长度。 可能会有多种最长上升子序列的组合，你只需要输出对应的长度即可。 你算法的时…

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Diff-白话版终于到了最后一块内容了！今天我们就来简单概括一下Diff，内容一点都不多哦，全是图片Diff作为Vue比较

需要把旧节点和新节点比较，尽量找到最小差异部分，然后进行更新，这部分内容就是 Diff 的重点了，需要花费不少精力的。会放在其他文章进行记录