妙堂传道者

有了之前的基础（前端如何搭建一个简单的脚手架），我们现在可以讲讲一个成熟的脚手架是怎么做了。 这里我们参考vue-cli的源码，基于rollup和typescript一步步搭建。vue-cli作为vue的脚手架，给如此多的前端开发者使用，已经算是成熟了吧。 现如今，webpac…

当回答面试官问及的Vue问题，我们除了照本宣科的回答外，其实还可以根据少量的源码来秀一把，来体现出你对Vue的深度了解。 “谈谈你对Vue生命周期的理解。” 1. “new Vue()做了什么？” new关键字代表实例化一个对象, 而Vue实际上是一个类, 源码位置是/src/…

本文是《PWA学习与实践》系列的第十篇文章。也许你还没有听说过或不了解Resource Hint，但是通过本文，你会快速学习到这一件页面加载性能利器。本系列相关demo的代码都可以在github repo中找到。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能…

最终会生成<div>hello vue</div>的视图，下面来分析一下流程。 new Vue()的时候会执行_init方法，做一些初始化工作后执行vm.$mount,在这之前会判断有没有el属性，没有的话需要手动调用。就像这样: 这里主要是定义了updateComponent…

我微笑着回答：“没有区别，它们是一样的。” 但是面试官笑了，“不，它们不一样。” 之后我回到家打开google查找答案。这篇文章就是我google后的总结。 在深入探讨区别之前，我们先来讨论下“观察者模式”和“发布订阅模式”。 我认为大多数人都会同意观察者模式是学起来最好入门的…

类型化数组是 HTML5 中引入的API，它能够让开发者使用 JavaScript 直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过 JavaScript 操作二进制数据，通常都是操作 JavaScript 中的数据类型，由运行时转化成二进制。这就多了一个转化的过程…

共9000余字，阅读需要10分钟左右。 对于前端来说，github 就是宝藏。做任何事情，一定要专业，很多知识都是可以找到的，尤其在前端，有很多很好的东西就摆在你的面前。好的组件源代码，好的设计模式，好的测试方案，好的代码结构，你都可以触手可及，所以不要觉得不会， coding…

一千个读者，有一千个哈姆雷特。 我将会从函数的执行机制、鲁棒性、函数式编程、设计模式等方面，全面阐述如何编写高质量的函数。 如何编写高质量的函数，这是一个很难回答的问题，不同人心中对高质量有自己的看法，这里我将全面的阐述我个人对如何编写高质量函数的一些看法。看法可能不够全面，也…

大家都知道JavaScript是单线程的，单线程就意味着同一时间只能做一件事，那么有同学会问，为什么JavaScript的作者不把它设计成多线程的呢，那样性能不是更好。为了回答这个问题，我们得从JavaScript的用途上来解释了，由于JavaScript是一门脚本语言，被用于…