vivaxy

VSCode Conventional Commits 插件可以帮助你轻松按照 Conventional Commits 规范编写提交信息。 支持使用项目下的 commitlint 规范。 支持自动 add 和 push（需要结合 VSCode 的 git 插件，详见插件文档）…

Babel 是一款将未来的 JavaScript 语法编译成过去语法的 Node.js 工具。本文从 2019 年 11 月的 master 分支源码入手，介绍 Babel 在解决这类问题时是如何划分模块。 其中 babel-loader 隶属于 webpack，不在 Babe…

解码 PNG 图片就是把一张图片从二进制数据转成包含像素数据的 ImageData。 图片的二进制数据可以从 <canvas>，<img>，Object URLs，Image URLs，Blob 对象上获取到。参见浏览器图像转换手册。 ImageData 是一个包括了像素数据、…

图像可以用多种不同的类型数据表示，本文将它们归纳为 5 种类型：DOM，URL，File，ImageData 和 Buffer。 `" href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img">< …

npm 和 yarn 不共享版本锁文件。锁定文件对于维护项目的稳定性是必需的。 现有一些方法利用 preinstall 钩子。参见： 但这种做法在项目为 npm 包时不起作用。当发布 npm 包时，npm publish 也将调用 preinstall 钩子。 也许我们可以通过…

Search projects, press enter to open in VSCode. Search projects, press command + enter to reveal in Finder. Open in VSCode the folder, whic…

There are concepts beneath the questions actually. Firstly, We will talk about lightweight tag and annotated tag. Lightweight Tag And Annot…

customElements 是 Web Components 规范下的新 API，可以用来实现组件化开发。 如果你的应用只用兼容最新的 Chrome 浏览器，那么用它来替代 React 或者 Vue 是一个不错的选择。 组件声明在一个 HTML 文件中。组件包括样式（Styl…

PNG 解码是指将一张 PNG 图片的二进制数据转换成像素点数据 ImageData。 PNG 的二进制数据有很多方式获取。 ImageData.data 是一个 Uint8ClampedArray，其中以 R、G、B、A 的顺序保存了像素点的数据，每四项表示一个像素点。 Ui…