猴哥别瞎说

一个简单的尝试，在 BFF 端做自动化单元测试。文章描述了背景、原理与最终的产出与挑战。多交流~~~

在 Koa 的官网上，slogan 是：基于 Node.js 平台的下一代 Web 开发框架。我们都知道， Koa 与 Express 都诞生自同一个团队。如何解析这个 slogan？ 该 slogan 中所有包含“比较”含义的词汇，都可以理解为是相对 Express 而言的。…

任何一个重视数据的公司与部门，都不会忽略前端埋点数据上报的作用。 从实际开发经验来回答：实际上并没有那么简单。为了能够将收集的用户数据最终展示并从中分析得出有意义的数据，这其中涉及的细节比想象的要多。 在本文中，我们会从两个方面来思考数据埋点上报的过程：数据收集与数据上报。 对…

在$mount的时候，当遇到 Vue 实例传入的参数不包含 render，而是 template 或者 el 的时候，就会执行编译的过程，将另外两个转变为 render 函数。 本文只针对其中的 optimize 阶段进行重点阐述。 编译过程首先就是对模板做解析，生成 AST，…

很多时候，我们都不清楚该什么时候使用 Vue 的 computed 计算属性，何时该使用 watch 监听属性。现在让我们尝试从源码的角度来看看，它们两者的异同吧。 计算属性的初始化过程，发生在 Vue 实例初始化阶段的 initState() 函数中，其中有一个 initCo…

任何一个框架，对于错误的处理都是一种必备的能力。在 Vue 中，则是定义了一套对应的错误处理规则给到使用者。且在源代码级别，对部分必要的过程做了一定的错误处理。 该函数可以作为指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时，可获取错误信息和 Vue 实例。 …

若英文阅读无障碍，墙裂推荐该文章的阅读。 在日常写代码的过程中，我很经常会用到 promises 语法。当我自以为了解 promises 详细用法时，却在一次讨论中被问住了：“你知道 promises 内部的实现过程是怎样的么？” 是的，回想起来，我只是知道该如何使用它，却不知…

对于 Vue 的工作过程，我们可以从下面这张图中得到一点思路。 我们可以从两个方面来解析 Vue 的工作过程：初始化阶段、数据修改阶段。 在创建实例的过程中，我们调用了一个init()方法。它做了什么事情呢？它将传入的props、事件、data等都做了初始化。 我们通过调用$m…

在前后端分离的现在，大部分应用的展示方式都变成了 SPA（单页面应用 Single Page Application）的模式。为什么会选择 SPA 呢？原因在于： 用户的所有操作都在同一个页面下进行，不进行页面的跳转。用户体验好。 对比多页面，单页面不需要多次向服务器请求加载页…