你可能会想到使用 webpack 的 external 将 vue 依赖排除，以减少 jssdk 自身的体积。然而，这可能还会存在一些问题。

let + 新浏览器环境，可以共同让“块级作用域”概念生效，块级作用域生效后。当你下层某函数从“词法”层面引用上层变量时，他必然依次往上寻找---先找到挨着最近的那个“块作用域”---即 let a = 3

最近在工作之余也陆陆续续研究了vue2.x的源码，打算通过文章来记录对源码的一些学习收获和总结，本人第一次写文章，有点紧张又有点激动，希望今后能继续坚持下去。这篇是通过源码来分析整个生命周期执行的机制，如果文章有错误不对的地方，欢迎指出，不胜感谢，如果...

使用了webpack alias配置路径别名之后，vscode就无法感知到别名的实际物理路径，导致无法cmd+鼠标 来智能跳转到定义。通过vscode的jsconfig文件配置后，可以让vscode继续支持跳转。

在深入研究Node.js应用程序的性能以及如何提高性能时，有几个比较核心的指标非常重要和有帮助，让我们从以下几个关键的指标来学习分析Node.js的性能。

node开发命令行程序非常方便，我们常用的webpack，babel，http-server，express-generator, yeoman等等，都是node.js开发出来的命令行工具。

TSW是一个支持抓包、全息日志、监控的基于Node.js的web server。 说人话 就是一个内置了日志采集、请求上报能力的http-server。

我是秦爱德，一名web前端划水员。提起webpack基本上是面试必问，工作必用的技术。多年来，随着技术的不断发展与变更，前端越来越注重模块化、组件化、工程化。这也迫使了webpack正在变得越来越重要！

在linux的高性能网络编程中，绕不开的就是epoll。和select、poll等系统调用相比,epoll在需要监视大量文件描述符并且其中只有少数活跃的时候，表现出无可比拟的优势。epoll能让内核记住所关注的描述符，并在对应的描述符事件就绪的时候,在epoll的就绪链表中添加这些就...

我们都知道浏览器中有 “重绘” 和 “重排” 两个概念，但浏览器对于我们是一个黑盒，我们很难真正弄清楚其真实的代码逻辑如何，除非去研究浏览器内核源码。

本文大纲express与koa的对比Koa1 内核源码简要介绍 Koa2 内核与 koa1 的区别了解 Koa 中 http 协商缓存的实现机制koa-router 源码koa-view 源码express本文我们不讲解express的源码。但是express的实现机制对于我们了解 TJ 在设计框架时的思路有一定的参考意义。expr...

先来翻译一波 官方的 migration指南:从 Koa v1.x 迁移到 v2.x新的中间件函数签名Koa v2 引入了一个新的中间件签名老的中间件签名方式 (v1.x) 将在v3版本删除新的 middleware 签名如下: {代码...} 你不是只能用async函数-你只需要保证传递一个返回promise的函数一个普...

项目简介todo-list 应用是一个常用的练手应用。他主要包含以下几个功能:input框添加任务，回车后添加到任务列表点击任务列表条目，或点击条目后的删除按钮，可以删除一个todo项目点击 完成 按钮，可以把某个条目标记为已完成这个项目我们采用前后端完全分离的方式来...

Node.js 中的异常Node.js 跟 JavaScript一样，同步代码中的异常我们可以通过 try catch 来捕获.异步回调异常但异步代码呢？ 我们来看一个 http server 启动的代码，这个也是个典型的异步代码。 {代码...} 我们发现异步代码的异常无法直接捕获。这会导致 Node.js 进程...

中间件执行流程中间件的执行流程，可以用下面这张图片来生动的说明(图片使用了 Koa 2 的 async 语法):对于 Koa 1 来说也类似，只是 async 函数换作 generator 函数，await 换作 yield 关键字。对于前端程序员，可以把 yield 之前的代码认为是捕获阶段，yield 之后的...

之前我在小程序里在没有 contenteditable 的input中实现了一个输入 @ 字符实现 at 选人功能的需求。无米之炊: 小程序内实现一个具有“@功能at功能”的输入框。当时由于小程序缺少富文本输入框，因此只能在纯 input 里面实现人名输入和用户信息还原。

babel 每次学习都有新的理解，哪怕是其配置都与我们前端生态中的各种概念息息相关。近期再次复习babel知识从而更好的编写js类库，本文是学习过程所做的记录。

背景：在初次使用contenteditable写可输入的div模块，当需求要求输入限制字数，还要光标正常的情况来模拟input直接上demo，用vue写的（框架不重要），demo中用了vant的toast,css注意下是sass如果你了解vue,可以直接搭建一个demo项目，然后复制下下面的代码运行起来就...

例如：微博输入框，QQ空间的说说输入框。我们可以在一个输入框内输入 "@" 字符，然后会调起一个选人浮层或全屏选人控件(在桌面端通常是个浮层，在移动端通常是一个全屏控件)。

误解1：在JavaScript平台上有一个用户态的主线程，用来执行 JavaScript 代码；除此之外，还有个EventLoop线程用来做事件循环的检查，检查到有事件任务时，再交给JavaScript执行线程来执行