CSS Nesting Module
CSS 终于支持选择器嵌套了，https://drafts.csswg.org/css-nesting/
过了一遍，和 Sass 语法基本差不多，浏览器目前仍在实现，或将在 Chrome 109 中可用（with a flag）。
另外刚刚查资料时，发现了 postcss-nesting 这个插件，它允许你提前体验该语法，原理是将 nesting selector 编译为
如
CSS 终于支持选择器嵌套了，https://drafts.csswg.org/css-nesting/
过了一遍，和 Sass 语法基本差不多，浏览器目前仍在实现，或将在 Chrome 109 中可用（with a flag）。
另外刚刚查资料时，发现了 postcss-nesting 这个插件，它允许你提前体验该语法，原理是将 nesting selector 编译为
:is()。如
div{+span#my-id{}} 编译为 :is(div)+span#my-id{}。
🌸
CSS Nesting Module CSS 终于支持选择器嵌套了，https://drafts.csswg.org/css-nesting/ 过了一遍，和 Sass 语法基本差不多，浏览器目前仍在实现，或将在 Chrome 109 中可用（with a flag）。 另外刚刚查资料时，发现了 postcss-nesting 这个插件，它允许你提前体验该语法，原理是将 nesting selector 编译为 :is()。 如 div{+span#my-id{}} 编译为 :is(div)+span#my…
试了下已经支持了欸，不过 DevTools 显示还有问题。
Chrome 版本
flag 参数
Chrome 版本
Version 109.0.5402.0 (Official Build) canary (arm64)flag 参数
--enable-blink-features=CSSNestinghttps://sxyz.blog/functors-applicatives-and-monads-in-pictures/
把 Aditya Bhargava 的这篇经典文章重新翻译了一版。
它是了解函数式编程非常棒的一篇文章，但现存的中文译文却都不可用了。
#blog
把 Aditya Bhargava 的这篇经典文章重新翻译了一版。
它是了解函数式编程非常棒的一篇文章，但现存的中文译文却都不可用了。
#blog
sxyz.blog
图解 Functor、Applicative、Monad
序言 这篇文章是对原文 Functors, Applicatives, And Monads In Pictures 的翻译，由 Aditya Bhargava 撰写，翻译时已取得作者授权。 它是了解函数式编程非常棒的一篇文章，但它的两篇中文译文已不再可用（404、全部图片丢失），另外仅剩的一篇却是以 Kotlin 为导向的，因此
现在国行 iPhone 限制了 AirDrop，如果哪天限制只能国区 App Store 下载 App，那岂不是不越狱，连个梯子都用不了了😅
或许以后只有 Android，或除中港澳 iPhone是安全的。想想还挺恐怖的，希望也只是想想。
或许以后只有 Android，或除中港澳 iPhone是安全的。想想还挺恐怖的，希望也只是想想。
Atomic CSS 类名编码方式，对文件体积的影响
现代 Web 将 gzip、brotli 这些压缩算法，应用到了各种类型的，浏览器所需的文件上。其原理就是寻找数据中的公共子串，并将其替换为较短的表示形式。
因此，很早有个想法，想以 Atomic CSS 为例，测试看看类名的不同命名方式，究竟对 gzip、brotli 的压缩率有多大影响。现在终于想动了。
这里我随便找了一个使用 Atomic CSS 构建的博客，它的类名是
结果是，
另外，这种连续编码方式，还可以进一步优化，我统计了一下整个 page 只有 315 个不重复类名，因此理论上
#experience
现代 Web 将 gzip、brotli 这些压缩算法，应用到了各种类型的，浏览器所需的文件上。其原理就是寻找数据中的公共子串，并将其替换为较短的表示形式。
因此，很早有个想法，想以 Atomic CSS 为例，测试看看类名的不同命名方式，究竟对 gzip、brotli 的压缩率有多大影响。现在终于想动了。
这里我随便找了一个使用 Atomic CSS 构建的博客，它的类名是
gSBWlu kJzccJ hsxujn 这种随机字符，我写了个简单脚本，将其重编码为 aaaaaa aaaaab aaaaac 这种连续字符，然后通过 brotli cli 分别压缩它们，观察文件大小变化。结果是，
b-brotlied.html 比 a-brotlied.html 体积小了 12%，具体图片见评论。这个数字其实是超出我预期的，因为这还只是一个博客首页。理论上，页面规模越大，这个数字就会越明显。另外，这种连续编码方式，还可以进一步优化，我统计了一下整个 page 只有 315 个不重复类名，因此理论上
aaaaaa aaaaab aaaaac 可以进一步简化为 aa ab ac，但我却给它们补全了 aaaa 的前缀。#experience
👍2
https://doc.lagout.org
刚刚搜 PDF 发现的网站，主要是 PDF，大概 4.2w 本，其它还有 chm，zip，ios 等格式文件，分门别类整理好的，质量还挺高的。
#tools #pdf
刚刚搜 PDF 发现的网站，主要是 PDF，大概 4.2w 本，其它还有 chm，zip，ios 等格式文件，分门别类整理好的，质量还挺高的。
#tools #pdf
🤩2