Urara-Blog/urara/2022-10-02-reading-9/+page.md

title	created	summary	tags	image
我在看什么 · 9 月	2022-10-02	倒鸭子 / Nuxt3 / 原子化 CSS	我在看什么	/2022-10-02-reading-9/September.jpg

这个月基本上是没看什么

小碎步

• effort + coffee = software

• “倒鸭子”的起源

  原来这种文字效果叫倒鸭子，也就是 Kinetic Typography

• “Content is like water ”响应式布局设计

• 【译】本地优先软件 Local-first software

前端相关

• no-cache 与 no-store 的区别是什么

  no-cache 就是要协商一下再决定要不要缓存，no-store 是不沟通直接不缓存

• Border inside Grid Layout

• 还在用定时器吗？借助 CSS 来监听事件

  学到了，感觉很不错，但是有没有性能方面的问题呢？还需要查一下兼容性

• 点亮你的 Vue 技术栈，万字 Nuxt.js 实践笔记来了

• NuxtJS + animate.css 超入門

• Nuxt3 项目实战篇 9——Nuxt3 中插件的使用

  博主 Nuxt3 系列文章似乎都挺好的，先 Mark

• How to validate forms in Nuxt with Vee-Validate

• HTTP ETag 的强弱区别

• javascript 中，var that = this;是什么意思？

  这个就是那个啦

• What is the difference between position:sticky and position:fixed in CSS ?

• 基于 ubuntu 部署前端项目到 docker 容器

• 如何用 CSS 中写出超级美丽的阴影效果

  感觉这种事情直接复制 Figma 里面的代码就好了

• pointer-events:none 限制鼠标事件及对覆盖元素层进行穿透

  写得挺有意思的，很风趣

• 重新构想原子化 CSS

  Windi CSS  是从零开始编写的 Tailwind CSS 的替代方案。它的零依赖，也不要求用户安装 PostCSS 和 Autoprefixer。更为重要的是，它支持  按需生成。Windi CSS 不会一次生成所有的 CSS，而是只会生成你在代码中实际使用到的原子化 CSS。

  UnoCSS 是一个引擎，而非一款框架，因为它并未提供核心工具类，所有功能可以通过预设和内联配置提供。

  从内部实现上看，Tailwind 依赖于 PostCSS 的 AST 进行修改，而 Windi 则是编写了一个自定义解析器和 AST。考虑到在开发过程中，这些工具 CSS 的并不经常变化，UnoCSS 通过非常高效的字符串拼接来直接生成对应的 CSS 而非引入整个编译过程。同时，UnoCSS 对类名和生成的 CSS 字符串进行了缓存，当再次遇到相同的实用工具类时，它可以绕过整个匹配和生成的过程。

• 一文彻底了解 Web Worker，十万、百万条数据都是弟弟

• 网页动画的十二原则

• Windows 滚动条如何美化成 macOS 那样？

• 动效师前端结合篇 - AE/Lottie/交互动效/程序 “动效文本连接数据”