随着对前端功能和性能的不断提高，前端早就不是一段内嵌于页面的一段JS代码了。已经进化为一个系统复杂的工程了。 下面我就结合element3组件库的搭建经验。带大家搭建一个mini版组件库。 前端工程化大体可以分为四个方面内容。 一个文件分拆为多个互相依赖的文件，最后进行统一打包…

当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…

自己个人开发的时候都喜欢用webstrom，webstrom各种细节，定义跳转，样式，都非常棒，奈何公司内网开发，逼着我用vscode，在新公司用vscode开发三周之后的今天（周六），我爆发了。 修改html标签自动补全，改了首标签，尾部自动变。webstrom自带 自动检测…

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

作者介绍：李旸，美团点评前端工程师，3 年 Web 前端开发经验，现在是美团点评点餐团队的一员。"Come, and take choice of all my library, And so beguile thy sorrow." —— William Shakespear…

前言 结合由Facebook出品的静态类型检查工具Flow，和最近将Flow引入到一个Vue.js项目中的实践经验，本文想聊聊Flow类型检查工具和它在Vue项目中实际使用的效果。 目录 为什么需要引入类型检查？ Flow是什么？ Flow的作用 Flow在Vue项目中的使用 F…

vue.js 的底层思想