vue源码阅读

vue源码阅读

vue源码阅读

文档来自来自github用户 HcySunYang 由于 https://github.com/HcySunYang/vue-design 网址已失效故而整理记录源码请移步github提供的链接

等 7 人订阅共9篇文章创建于2021-10-19

vue+pc图片预览（放大、缩小、比例化、旋转、下载）

概述一站式解决pc端图片预览以及下载使用环境以及前提条件组件目录 image-viewer.vue 文件源码可以复制使用其他结构源码 dom.js 源码 util.js 源码使用效果总结

3年前
1.3k
4
1

vue+pc图片预览（放大、缩小、比例化、旋转、下载）

vue中key的使用

思考以下问题 vue中key的作用是什么? 使用key和不使用key的区别？ v-for 为什么要使用唯一的key？接下来就一一探讨以上问题看到以上的解答你可能还会产生一些疑惑 key是diff算

3年前
913
9
1

渲染器的核心 Diff 算法2

添加新元素在上一小节中，我们尝试拿着新 children 中的第一个节点去旧 children 中寻找与之拥有相同 key 值的可复用节点，然后并非总是能够找得到，当新的 children 中拥有全

3年前
270
4
评论

渲染器的核心 Diff 算法1

渲染器的核心 Diff 算法减小DOM操作的性能开销上一章我们讨论了渲染器是如何更新各种类型的 VNode 的，实际上，上一章所讲解的内容归属于完整的 Diff 算法之内，但并不包含核心的 Dif

3年前
301
3
评论

渲染器之patch

渲染器之patch 在上一章中我们讲解并实现了渲染器的挂载逻辑，本质上就是将各种类型的 VNode 渲染成真实DOM的过程。渲染器除了将全新的 VNode 挂载成真实DOM之外，它的另外一个职责是负责

3年前
320
3
评论

渲染器之挂载

渲染器之挂载本章主要讲解渲染器将各种类型的 VNode 挂载为真实 DOM 的原理，阅读本章内容你将对 Fragment 和 Portal 有更加深入的理解，同时渲染器对有状态组件和函数式组件的挂载

3年前
596
5
3

辅助创建 VNode 的 h 函数

辅助创建 VNode 的 h 函数自从有了 VNode ，开发页面的方式就变成了书写 VNode，但如果日常开发中需要手写 VNode ，那绝对是反人类的，在“组件的本质”一章中我们使用了 snab

3年前
1.3k
4
评论

先设计 VNode 吧上一章讲述了组件的本质，知道了一个组件的产出是 VNode，渲染器(Renderer)的渲染目标也是 VNode。可见 VNode 在框架设计的整个环节中都非常重要，甚至设计

3年前
2.4k
10
评论

组件的本质

组件的本质当我们使用 Vue 或 React 时，往往会将页面拆分为各种组件，通过拼装组件来形成页面和应用，就像搭积木一样。那么，大家有没有思考过："组件的产出是什么？" 组件的产出是什么在 J

3年前
597
7
评论