小短腿奔跑吧

摘要： 对于我们经常使用框架，却不知道内部具体经历过了什么，确实好奇到不行，接下来我们以 断点的形式 进入，看看是怎么将 模版 转化为 虚拟 Dom 进行操作的。 Go， Go，Go，玩起来 具体经历步骤 1、从缓存中读取 Render 函数 2、将模版转化成 AST 3、AST 优化 4、AST 转化为 阅读全文

摘要： 在日常项目中，我们通常不会注意到这一个点，因为具体在体现上并没有什么差别，但在性能层面确实不同的，也是需要我们去注意的一点，如果在小项目的情况下，可能不会存在太大的差别，但在大型的项目中，就往往会影响，比如页面加载太慢，导致的用户体验差。主要的原因还是源于 在循环中我们没有加 key 这个标识，导致 阅读全文

摘要： 每次面试逃不过的一道面试题，那是什么呢？那就是 噔噔噔噔～～～ Vue的响应式，下面我们模拟一下面试的场景，看看大家是否感同身受，哈哈哈哈哈！！！！ 面试官：看过Vue源码吗？ 求职者：看过一点。 面试官：那你简单讲一下 Vue 的响应式原理 求职者：那什么，好的.... 面试官：那就开始吧！ 求职 阅读全文

摘要： 本博客将以断点的形式带大家了解一下，Vue在首次渲染的情况下经历了哪些过程，顺便对最近Vue2.6 源码的学习，进行总结一下。 前期准备： 1. Vue2.6 源码的 clone 2. 浏览器，我用的是 google 3. 浏览器内断点 4. 下面流程图为全部过程，后续还需新增 一、前期准备详细-内 阅读全文

摘要： 1. h 函数的介绍 2. Vnode 核心属性： 阅读全文

摘要： 目前我们的主要目的是：将VueCli2 与 VueCLi3，4进行对比，同时我们还会将 React-Script进行剖析和对比，并实现一个简单的【基础框架】开发 一、VueCli2 实践 根据 VueCli2 的官网，我们看到有三个点需要注意： 1. VueCli2 使用的安装名与 VueCli3 阅读全文

摘要： Parcel 是一个小型静态打包工具，与webpack很类似。 启动后，报错信息为：以下截图 解决办法： 给Parcel 降级处理， 阅读全文

摘要： 一、Snabbdom 是一个虚拟DOM库，重点放在简单性，模块化，强大的功能和性能上。 二、Snabbom 的模块细分 阅读全文

摘要： 等待更新 一. 积累问题 1. Vue 属性中 $data 的作用是什么？$data 中getter和setter中的属性，和Vue实例上getter和setter的区别是什么？ 2. Object.defineProperty 中 enumerable 和 configurable有什么作用，具体 阅读全文

摘要： 一、有相同父元素的子元素必须有独特的key，重复的 key 会造成渲染错误 例如： let inputData = [1,2,3] <div> <input type="checkout" v-for="inputData">{{item}}</input> </div> 解释：在没有key的情况下 阅读全文