Node-Web-Console是一个基于 Node.js 开发的网页版 shell 应用，其想法来源于实验室 SDN 相关项目的一次组会讨论，需求大致是在网页中嵌入 shell，然后实现从前端页面展示的网络拓扑中直接进入虚拟机节点进行简单的管理。具体实现

自定义事件，就是有别于有别于带有浏览器特定行为的事件，事件名称可以随意定义，可以通过特定的方法进行添加，触发以及删除。Event.fireEvent;缺点：字面量实现其属性方法等都是暴露而且都是唯一的，一旦某个关键属性不小心在某事件处 reset 了下，则

co 是著名的 TJ 于 2013 年推出的一个利用 ES6 的 Generator 函数来解决异步操作的开源项目，也是后来 JavaScript 异步操作的终极解决方案—— async/await 的先驱。时至今日，co 版本号已经来到了 4.x，不过其

同时该书本身便是以解决 47 个 CSS 技巧而进行组织的，总结归纳后方便日后查找。HSL代表色相，饱和度和亮度 - 使用色彩圆柱坐标表示。饱和度是一个百分比值;0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点;0％是黑色的，100％是白色的。H

）的 JavaScript 打包工具，发现其在 Github 有着 3000+ Star 的同时在中文世界里热度却较低，因此在 Medium 上找了一篇文章翻译过来，方便大家了解之。Poi 是一个零配置的基于 Webpack 的打包器。零配置并不是指项目完

ctx.drawImage;直接连续使用 drawImage() 把对应的图片绘制到 canvas 画布上就行。我们自然会想到能否实现 canvas 的 undo 功能，当用户切换水印位置时，先撤销上一步 drawImage 操作，然后再重新绘制水印图片位

Hyperapp 是最近热度颇高的一款迷你 JS 框架，其源码不到 400 行，压缩 gzip 后只有 1kB，却具有相当高的完成度，拿来实现简单的 web 应用也不在话下。整体实现上，Hyperapp 的思路与 React 比较类似，都是借助 Virtu

最近在开发一个 JSSDK 的时候有一个需求：为了检测当前环境中是否已经加载过该脚本，需要在脚本开始运行时加入一层判断，如果检测到已存在该脚本导出的变量，则终止脚本的后续运行，否则再执行后续逻辑。那么便碰上了本文标题的问题：如何终止 JS 程序的运行？在很

此文纯属备忘，对 MySQL 十分熟悉的朋友可忽略。由于一直无法通过网上搜索的方法快速在终端启动 MySQL，只能在设置里通过点击按钮开启，如下图所示：现在终于找到了通过命令行启动 MySQL 的方式，记录如下：。Mac下命令行启动Mysqlosx - s

相信很多开发者都会遇到在自己的电脑上使用不止一个 git 帐号的情况。一个一般是自己的 github 帐号，另一个则是公司的 git 帐号，比如 gitlab、bitbucket 等。而且当代码库达到十分庞大的规模时，如果仍然采用 https 方式，在 g

})();3. Singleton(单例)模式var mySingleton = (function () {

于是笔者随便搜了篇 HTTP 协议相关的文档。翻译完毕后感觉还是有一些收获的。这篇文档主要描述了一种新的内容编码格式——out-of-band，用于描述包含客户端请求资源的辅助服务器的地址。此举可帮助源服务器建立“盲缓存”机制，将内容的传递安全地委派给辅助

第二章 简单的 HTTP 协议HTTP/1.1 所有连接默认为持久连接，但 HTTP/1.0 未标准化管线化技术出现后，不需要等待响应即可直接发送下一个请求Cookie 技术通过在请求和响应报文中写入 Cookie 信息来控制客户端的状态。服务器发送的响应

在读完 Muut 上 Frameworkless JavaScript 这篇博文后，我遇上了 Riot，请一定先阅读该博文！Muut 的程序员拿出实际行动编写了 Riot，一个 类似React 的用来构建响应式UI组件的微型库。阅读Riot的文档时，令我感

最近在公司项目中与后端联调时遇到了一个很奇怪的问题，前端发出的 DELETE 方法的 Ajax 请求传到服务端就变成了 OPTIONS 请求。由于服务端没有针对 OPTIONS 请求作回应，此时返回的 http 状态码为 405，意为“方法不被允许”，DE

Composition Event，中文译为复合事件，是 DOM 3 级事件中新添加的一类事件类型，用于处理 IME 的输入序列。IME可以让用户输入在物理键盘上找不到的字符。复合事件就是针对检测和处理这种输入而设计的。当然，即使是使用非拉丁系语言比如中文

最近的工作一直在与服务端性能优化打交道，QPS的苛刻要求让我这个以前也就用 node.js 写写博客的人深刻地感觉到以前做的东西就是个玩具。对于压测工具，业界常用的有 jmeter、loadrunner、tcpcopy、apache bench、wrk 等

sharp 是 Node.js 平台上相当热门的一个图像处理库，其实际上是基于 C 语言编写 的 libvips 库封装而来，因此高性能也成了 sharp 的一大卖点。当然，网络上相关的文章比较多，sharp 的官方文档也比较详细，所以这不是本文的重点。这

但是由于微信小程序中的 canvas 组件与 DOM Canvas 元素有较大差异，因此传统的 Canvas 处理库几乎无法在小程序中使用。在调研了一些传统浏览器端的项目后，我发现 CamanJS 的功能比较完善，同时也比较容易对微信小程序进行适配。wx-

前端网页倒计时是非常常见的应用，我们在各大购物网站的秒杀活动中总是能见到它的身影。原因自然也不难理解：倒计时通常使用定时器实现，而 JavaScript 的单线程特性使得主线程执行栈中出现阻塞时，任务队列中的异步任务并不能及时执行，因此浏览器并不能保证在定