汪图南

由于掘金文章字数限制，不得不拆分上、下两篇文章。 在之前几个章节中，我们提到过很多次组件的概念，组件在我们日常的开发过程中出现频率是非常高的，它也是Vue的两大核心之一：数据驱动和组件化。 在前面章节我们已经介绍完了数据驱动，在这个章节我们会着重介绍与组件化相关的知识，我们将从…

在介绍完props、data、watch以及computed后，我们对响应式原理有了一定的初步认识，在这一章节中我们再次回顾响应式，来探究其实现原理。 在之前的章节中，我们以及介绍过：Vue.js通过Object.defineProperty(obj, key, descrip…

那么我们的深入响应式原理介绍会以initState()方法开始，逐步分析Vue中响应式的原理，下面这张图可以很好的展示响应式的原理。 obj：要定义其属性的对象。 key：要定义或修改属性的名称。 descriptor：要定义或修改属性的描述符。 其中descriptor有很多…

本篇Vue2.6.11源码分析文章由观看Vue.js源码全方位深入解析视频，阅读深入浅出Vue.js书籍以及参考其他Vue源码分析博客而来，阅读视频和书籍请支持正版。 2013年7月，Vue.js在Github上第一次提交，此时名字叫做Element，后来被改名为Seed.js…

本篇文章由阅读《Vue.js应用测试》书籍、学习《Vue Test Utils》官网知识以及实际工作经验总结而来，阅读书籍请支持正版。 前端应用程序主要编写三种测试类型：单元测试、快照测试、端到端测试。本篇文章着重介绍Vue组件的单元测试和快照测试，对于端到端测试请自行搜索相关…

由于全部笔记有接近4W的字数，因此分开为上、下两部分，第二部分内容计划于明后两天更新。 通过以上一个在ES5中近似类的结构的特性，许多JavaScript类库都基于这个模式进行开发，而且ES6中的类也借鉴了类似的方法。 要声明一个类，需要使用class关键来声明，注意：类声明仅…

由于全部笔记有接近4W的字数，因此分开为上、下两部分，第二部分内容计划于明后两天更新。 在ECMAScript6标准定稿之前，已经开始出现了一些实验性的转译器(Transpiler)，例如谷歌的Traceur，可以将代码从ECMAScript6转换成ECMAScript5。但它…

horizontal-tb：默认值，表示水平排版，从上到下。 vertical-lr：表示垂直排版，从左到右。 vertical-rl：表示垂直排版，从右到左。 至此，我们数字滚动效果已经初步实现了，在下一节中我们将会逐步完善此效果，以满足业务需求。

答：适合没接触过Webpack或者了解不全面的人。 答：先介绍背景，由背景引入Webpack的概念，进一步介绍Webpack基础、核心和一些常用配置案例、优化手段，Webpack的plugin和loader确实非常多，短短2w多字还只是覆盖其中一小部分。 PWA全称Progre…