ZHUSCAFE

目前在公司的项目中已经大量地使用了原子化 CSS 一段时间了，包括我们的小程序项目和 Web 项目，所以简单总结一下一些实践后的总结与感悟

在很多设计系统中，我们会定一个基础颜色，然后会基于这个基础颜色计算出其他颜色，一个常见的计算是给这个基础色施加一个透明度，如下所示：

vite 2.x 举例，vite 通过 vite-plugin-vue 插件提供了编译 vue sfc 的能力，主要逻辑在 vite-plugin-vue 的 `load` hook 和 `transform` hook 中

循环依赖可能会导致意想不到的 BUG，特别是一开始有循环依赖的时候，BUG 不一定会显现，然后某一次代码改动可能就突然出现因循环依赖导致的问题了，所以我们要十分注意循环依赖，理解循环依赖为什么会产生问题以及如何避免。

这是之前重构项目的时候遇到的一个问题，整理一下写成文章。我们知道，Webpack 打包的 JS 文件不能混用 ES Module 与 CommonJS，但即使在文件中没有混用，也可能因为 Babel 转码的关系导致混用情况的出现而导致错误，本文就这种情况作了详细描述。

之前一直以为同步的几个 `setState` 调用批量合并再一次性更新，结果发现这是我的一个误解。

今天帮同事看一个图片不显示的问题，情况是在电脑上图片都是正常显示的，但是在 iOS 上发现一些图片显示，一些图片不显示。接到问题的时候对这个问题的描述是没有显示图片的`img`元素没有对应的图片请求，以`background`设置的图片显示都没有问题。这对问题的排查造成了一定的障碍，因为这自然地把问题排查点引向了没有发生这个图片请求的原因。几次试验无果后我仔细看了看无法显示图片的`img`的样式，发现了类似这样的一条规则：

今天随意浏览，发现 `Promise.prototype.finally` 已经进入到 `Stage 4` 了，顺便记录一下规范中 `finally` 的一些注意点吧。

`window.onerror` 是顶层的错误处理函数，大部分抛出的未被处理的错误可以在这里进行统一处理。如下所示：

最近有被问到 Vue 的响应式数据的原理，第一次被问到的时候有点语无伦次的感觉吧。对于一个知识点，看过，然后自己理解一下是一个层次，能够讲出来让别人明白就是另一个层次了。对于源码的阅读，我比较喜欢去明白一些机制的原理，比较理想的情况下是能够在明白源码的原理之后，在不查看源码的情况下能够实现类似的功能。今天我就尝试一下实现响应式数据，当然，在实现上比较粗略，以原理为主，在此之前，需要知道几个基本点。