baituo

2020 年真是乱七八糟的，我也不知道怎么就在知乎写了一堆混了几百万阅读量的东西。但是那些技术外的内容其实根本没花我多少时间，我本职工作仍然是在认真做技术的。这里面很多东西都是在前端和其他领域之间的边界上搞出来的，直接列举下今年做的一些事情吧： 做了一套 Skia 到 Quic…

Vue 3.0 的两个提案，最近吸引了许多开发者的注意跟讨论。一个是 script-setup 提案，一个是 ref-sugar 提案。 对于 script-setup 提案，大部分开发者持正面态度。 对于 ref-sugar 提案，却有相当数量的开发者表达否定态度。 在 Gi…

1. 优先做重要不紧急的事情 我们都知道四象限分析法，就是按照紧急/重要将事情划分到四个象限中去（如下图）。 而这样的顺序会导致一个问题，就是每天都在赤橙黄，赤橙黄中反复，重要不紧急的事情一直排不上期，最后也变成重要且紧急的事项，然后再慌慌张张的处理。但是，重要不紧急的事情往往…

做视频编辑器的时候，需要从服务端获取一个模板包文件，然后解压这个文件，然后把文件里面的内容显示出来。 首先，每一种文件，其实都有一套自己的「结构规则」， 比如 psd 就是直接根据 psd 文件规范，把数据直接存成二进制文件， office2007+ 的就是根据 ECMA376…

在知乎「如何看待 WebAssembly 技术」的问题里，可以看出大家普遍对浏览器、WASM 和 JS 之间的三角关系有不少误解。因此这里作为一个开 (bai) 发 (xue) 者 (jia)，我就来尝试纠正些常见的问题吧。 这显然不对，WASM 里的 Assembly 并不意…

作为一名前端工程师，今天这个分享将教大家自制著名的 V8 引擎。 引擎是一种机械设备。它通过燃烧燃料，将热能转换为机械能。V8 引擎属于典型的四冲程引擎，这表明其气缸具备四种状态（进气、压缩、作工、排气）。V8 引擎具备 8 个这样的气缸，它们被布置为以一定夹角分开的两组。这些…

作为前端工程师，我们编写的代码只能活在浏览器、小程序或者 Node 进程里，这似乎已经成为了一种常识。但这就是我们的能力边界了吗？本文将带你为一台内存仅 32M，分辨率仅 320x240 的掌上游戏机适配前端工具链，见证 Web 技术栈的全新可能性。 本次我们的目标，是只配备了…

要想使用 WebGL 直通 GPU 的渲染能力，很多同学的第一反应就是使用现成的开源项目，如著名的 Three.js 等。但是，直接套用它们就是唯一的选择了吗？如果想深入 WebGL 基础甚至自己造轮子，又该从何下手呢？本文希望以笔者自己的实践经验为例，科普一些图形基础库设计层…

我们都知道，React 最大的卖点之一，就是 Learn once, write anywhere 的通用性。但如何才能在浏览器之外，甚至在 Node.js 之外，用 React 渲染 UI 呢？本文将带你用 React 直通嵌入式驱动层，让现代前端技术与古老的硬件无缝结合。 …