今天刷手机，朋友圈和微博全是"你的 SBTI 是什么"。SBTI 这个玩梗版人格测试一夜之间刷屏了，到处都有人在晒自己的结果，什么"伪人 FAKE"、"尤物 SLAY"、"愤世者 SHIT"……比正经 MBTI 接地气多了。

在当前的工作的项目中，我们大量使用了 Docker Compose 的相关技术。由于此前的工作和学习都缺乏相关的项目经验，因此 Docker 的知识一直是我的短板，基本只停留在“知道是怎么一回事，但没有深入使用过”的浅层理解。面对项目中各种繁杂的 Docker 配置，一时半会之间...

在 cnb.cool 的任务集功能区中，我们使用了 bun 作为服务端，负责任务集视图的相关读写能力，积累了一定的经验。整体来说 bun 的写法和 Nodejs 几乎一致，但对于“提供 gRPC 服务”相关的知识，现网所能找到的资料较少，因此专门记录下来。

任何的前端组件库，无论是业界内有名的 tdesign，ant-design 还是 element-ui 也好，它们都有着自己的一系列图标。经过观察发现，这些图标都是在组件库发布的时候就已经基本稳定了，鲜有调整，所以可以一直存放于组件库的 git 仓库中。

说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较大的出入。这个时候如果是基于现有的组件库进行修改的...

在项目初期的时候，我们是根据第三方提供的 d.ts 文件，手动地去撰写 JS SDK。由于这个 d.ts 经常会变动，我们需要不停地同步 JS SDK；同时由于我们的项目是多人维护的，手写的 JS SDK 难免会有许多的冲突，这些问题对于研发效率来说都是不利的。

一直觉得 Codepen 的在线代码预览系统很神奇，能够所见即所得地实时展示代码的运行效果，无论是代码演示，还是测试功能，都是非常方便快捷的存在。刚好最近手头有业务需要用到类似 Codepen 的能力，经过一番调研之后开发了一个具有基本的在线运行代码能力的 demo 出来。

apng 格式的动图是我第一次使用到的，我对它的了解仅仅局限于“会动的png图片”。后来几经搜索，总算是把 apng 的一些知识点给补全了。由于网上关于 apng 的资料非常多，因此就不在这里对 apng 进行过多的介绍了。

我们知道，在计算机中数据其实都是以二进制的形式所储存的，而位运算符则可以对二进制数据进行操作。举个简单的例子，给定两个二进制数据（其中 0b 是二进制数据的前缀）：

在 Chrome 浏览器种，我们可以使用 window.navigator.connection API 中的 downlink 属性来获取实时网速：

例如 babel 就是一个编译器，它将 es6 版本的 js 翻译成 es5 版本的 js。从这个角度来看，将英语翻译成中文的翻译软件也属于编译器。

在最近的业务中，接到了一个需要处理约十万条数据的需求。这些数据都以字符串的形式给到，并且处理它们的步骤是异步且耗时的（平均处理一条数据需要 25s 的时间）。如果以串行的方式实现，其耗时是相当长的：

前言一切要都要从打包构建说起。当下我们很多项目都是基于 webpack 构建的， 主要用于：本地开发打包上线首先，webpack 是一个伟大的工具。经过不断的完善，webpack 以及周边的各种轮子已经能很好的满足我们的日常开发需求。我们都知道，webpack 具备将各类资源打包...

想不通为啥之前维护项目的同学能够忍受这么难以维护的代码……既然现在这个锅被我拿下了，怎么着也不能容忍如此丑陋的代码继续存在着，必须把它优化一下。

统一资源定位符，缩写为URL，是对网络资源(网页、图像、文件)的引用。URL指定资源位置和检索资源的机制(http、ftp、mailto)。

软件应用程序在计算机的主存储器中运行，我们称之为随机存取存储器(RAM)。JavaScript，尤其是 NodeJS （服务端 JS）允许我们为终端用户编写从小型到大型的软件项目。处理程序的内存总是一个棘手的问题，因为糟糕的实现可能会阻塞在给定服务器或系统上运行的所有其他...

黑白照片的时代虽然已经过去，但现在看到以前的照片，是不是有一种回到过去的感觉，很cool有木有~看完这篇文章，就可以把彩色照片变成各种各样的黑白的照片啦。

在搜索领域，早已出现了“查找相似图片/相似商品”的相关功能，如 Google 搜图，百度搜图，淘宝的拍照搜商品等。要实现类似的计算图片相似度的功能，除了使用听起来高大上的“人工智能”以外，其实通过 js 和几种简单的算法，也能八九不离十地实现类似的效果。

随着 Vue 3.0 Pre Alpha 版本的公布，我们得以一窥其源码的实现。Vue 最巧妙的特性之一是其响应式系统，而我们也能够在仓库的 packages/reactivity 模块下找到对应的实现。虽然源码的代码量不多，网上的分析文章也有一堆，但是要想清晰地理解响应式原理的具体实现过...

最近在做 Node 服务端需求的时候，遇到了几次服务端报错的问题。打 log 发现均是一些 Error，但是它们都没法很好地透传给前端浏览器，出现问题只能查看服务端机器的日志，调试起来非常不方便。思考了一下，服务端的内容都是通过 JSON.stringify() 处理，然后设置 Con...