12 2020 档案

Vue 模版编译的过程
摘要：对于我们经常使用框架，却不知道内部具体经历过了什么，确实好奇到不行，接下来我们以 断点的形式 进入，看看是怎么将 模版 转化为 虚拟 Dom 进行操作的。 Go， Go，Go，玩起来 具体经历步骤 1、从缓存中读取 Render 函数 2、将模版转化成 AST 3、AST 优化 4、AST 转化为 阅读全文
posted @ 2020-12-31 16:02 小短腿奔跑吧 阅读(533) 评论(0) 推荐(0) 编辑
Vue v-for循环 加 key 与 不 加 key的区别
摘要：在日常项目中，我们通常不会注意到这一个点，因为具体在体现上并没有什么差别，但在性能层面确实不同的，也是需要我们去注意的一点，如果在小项目的情况下，可能不会存在太大的差别，但在大型的项目中，就往往会影响，比如页面加载太慢，导致的用户体验差。主要的原因还是源于 在循环中我们没有加 key 这个标识，导致 阅读全文
posted @ 2020-12-29 14:39 小短腿奔跑吧 阅读(2598) 评论(0) 推荐(0) 编辑
Vue 响应式的原理
摘要：每次面试逃不过的一道面试题，那是什么呢？那就是 噔噔噔噔～～～ Vue的响应式，下面我们模拟一下面试的场景，看看大家是否感同身受，哈哈哈哈哈！！！！ 面试官：看过Vue源码吗？ 求职者：看过一点。 面试官：那你简单讲一下 Vue 的响应式原理 求职者：那什么，好的.... 面试官：那就开始吧！ 求职 阅读全文
posted @ 2020-12-25 16:33 小短腿奔跑吧 阅读(320) 评论(0) 推荐(0) 编辑
Vue 首次渲染的过程
摘要：本博客将以断点的形式带大家了解一下，Vue在首次渲染的情况下经历了哪些过程，顺便对最近Vue2.6 源码的学习，进行总结一下。 前期准备： 1. Vue2.6 源码的 clone 2. 浏览器，我用的是 google 3. 浏览器内断点 4. 下面流程图为全部过程，后续还需新增 一、前期准备详细-内 阅读全文
posted @ 2020-12-23 17:50 小短腿奔跑吧 阅读(665) 评论(0) 推荐(0) 编辑
虚拟 Dom
摘要：1. h 函数的介绍 2. Vnode 核心属性： 阅读全文
posted @ 2020-12-21 18:26 小短腿奔跑吧 阅读(77) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示