Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…

答案：通过$parent 就可以访问到父组件的实例了，除了$parent，我们还可以通过$children 访问子组件的实例。相信这个答案各位小伙伴都知道，但是这个$parent 和$children 是通过什么方式实现的呢，或者说，Vue 内部是如何建立这种父子组件关系的？ …

经常见到有人问看某某某源码有没有用，从我个人的经历来说（虽然我的经历也不长），我觉得是很有用的，而且非常有用。看一些框架和库的源码可以让我们了解到其中的某些特性是怎么实现的，使我们对这些技术更加熟悉；另一方面，看源码的过程也是个学习的过程，你可以学习整个项目的架构，学习作者的思…

Vue3 的 Compiler 与 runtime 紧密合作，充分利用编译时信息，使得性能得到了极大的提升。本文的目的告诉你 Vue3 的 Compiler 到底做了哪些优化，以及一些你可能希望知道的优化细节，在这个基础上我们试着总结出一套手写优化模式的高性能渲染函数的方法，这…

本文主要是对如何做开源项目的一些思考。 关于 newbee-mall-vue3-app 这个开源项目的开发背景和详细介绍之前都已经介绍过，可以在上述两篇文章中查看。 真的很巧合，我看到这张统计图表的时候也有点意外。 整理本篇文章的时间是 2021 年 2 月 28 日凌晨，目前…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

对应的，非连续滚动定义为 快速滚动，初始化一个空的 map -- unusedIndex, 作用是记录同类型的 unusedPool 需要从哪个索引开始取值。 定位项与滚动条位置对应，可以理解为滚动条水平方向指向的那个列表项。 列表项采用 Render Props 的形式，用 …

昨天上午接了一个电话面试，聊着聊着接说到了性能优化，然后面试官问到了长列表。其实之前做过的都只是简单的分页处理，但面试官问的肯定不是这个咯，他关心的是虚拟列表，大概以前粗略看过这个效果的实现源码，虽然我自己没实现过但有一些自己的想法，于是blablabla......，可能碍于…

前端面试中，会问到非常多的知识点。框架，几乎是必问的问题之一。Vue 作为目前最流行的 SPA 框架之一，是面试过程中的重头戏。Vue Router 作为 Vue 生态中极其重要的角色，也是我们必须掌握的一项技能。 这篇文章将介绍 Vue Router 的使用，并且自己动手实现…