mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-05-01 03:39:30 +08:00
67 lines
3.9 KiB
Markdown
67 lines
3.9 KiB
Markdown
---
|
||
title: 我在看什么 · 9 月
|
||
created: 2022-10-02
|
||
summary: 倒鸭子 / Nuxt3 / 原子化 CSS
|
||
tags:
|
||
- 我在看什么
|
||
image: /2022-10-02-reading-9/September.jpg
|
||
---
|
||
|
||
这个月基本上是没看什么
|
||
|
||
## 小碎步
|
||
|
||
- [effort + coffee = software](https://tleaves.com/)
|
||
- [“倒鸭子”的起源](https://www.yolo.blue/docs/dev-notes/origin-of-backward-duck)
|
||
|
||
原来这种文字效果叫倒鸭子，也就是 Kinetic Typography
|
||
|
||
- [“Content is like water ”响应式布局设计](https://mp.weixin.qq.com/s/eaqLNmorbODAJkSoux5zyQ)
|
||
- [【译】本地优先软件 Local-first software](https://zhuanlan.zhihu.com/p/557353347)
|
||
|
||
## 前端相关
|
||
|
||
- [no-cache 与 no-store 的区别是什么](https://github.com/shfshanyue/Daily-Question/issues/207)
|
||
|
||
no-cache 就是要协商一下再决定要不要缓存，no-store 是不沟通直接不缓存
|
||
|
||
- [Border inside Grid Layout](https://stackoverflow.com/questions/49554727/border-inside-grid-layout)
|
||
- [还在用定时器吗？借助 CSS 来监听事件](https://mp.weixin.qq.com/s/N25KcGneKPgvBa8zBownlw)
|
||
|
||
学到了，感觉很不错，但是有没有性能方面的问题呢？还需要查一下兼容性
|
||
|
||
- [点亮你的 Vue 技术栈，万字 Nuxt.js 实践笔记来了](https://juejin.cn/post/6844904160324747278)
|
||
- [NuxtJS + animate.css 超入門](https://stephenlaichaowen.medium.com/nuxtjs-animate-css-%E8%B6%85%E5%85%A5%E9%96%80-40bed5e9946c)
|
||
- [Nuxt3 项目实战篇 9——Nuxt3 中插件的使用](https://www.zhmzjl.com/show-11-327-1.html)
|
||
|
||
博主 Nuxt3 系列文章似乎都挺好的，先 Mark
|
||
|
||
- [How to validate forms in Nuxt with Vee-Validate](https://medium.com/@yusufznl/how-to-validate-forms-in-nuxt-with-vee-validate-eef45508c3d4)
|
||
- [HTTP ETag 的强弱区别](https://www.yolo.blue/docs/dev-notes/http-etag-strong-vs-weak)
|
||
|
||
- [javascript 中，var that = this;是什么意思？](https://www.superweb999.com/article/412927.html)
|
||
|
||
这个就是那个啦
|
||
|
||
- [What is the difference between position:sticky and position:fixed in CSS ?](https://www.geeksforgeeks.org/what-is-the-difference-between-positionsticky-and-positionfixed-in-css/)
|
||
- [基于 ubuntu 部署前端项目到 docker 容器](https://juejin.cn/post/7143148167125532680)
|
||
- [如何用 CSS 中写出超级美丽的阴影效果](https://juejin.cn/post/7034323356459466760)
|
||
|
||
感觉这种事情直接复制 Figma 里面的代码就好了
|
||
|
||
- [pointer-events:none 限制鼠标事件及对覆盖元素层进行穿透](https://www.cnblogs.com/92cz/p/5787693.html)
|
||
|
||
写得挺有意思的，很风趣
|
||
|
||
- [重新构想原子化 CSS](https://antfu.me/posts/reimagine-atomic-css-zh)
|
||
|
||
> [Windi CSS](https://cn.windicss.org/) 是从零开始编写的 Tailwind CSS 的替代方案。它的零依赖，也不要求用户安装 PostCSS 和 Autoprefixer。更为重要的是，它支持 **按需生成**。Windi CSS 不会一次生成所有的 CSS，而是只会生成你在代码中实际使用到的原子化 CSS。
|
||
|
||
> UnoCSS 是一个引擎，而非一款框架，因为它并未提供核心工具类，所有功能可以通过预设和内联配置提供。
|
||
|
||
> 从内部实现上看，Tailwind 依赖于 PostCSS 的 AST 进行修改，而 Windi 则是编写了一个自定义解析器和 AST。考虑到在开发过程中，这些工具 CSS 的并不经常变化，UnoCSS 通过非常高效的字符串拼接来直接生成对应的 CSS 而非引入整个编译过程。同时，UnoCSS 对类名和生成的 CSS 字符串进行了缓存，当再次遇到相同的实用工具类时，它可以绕过整个匹配和生成的过程。
|
||
|
||
- [一文彻底了解 Web Worker，十万、百万条数据都是弟弟](https://mp.weixin.qq.com/s/5XR-dOJ2s0tSLl5e2veP0g)
|
||
- [网页动画的十二原则](https://mp.weixin.qq.com/s/ZEsWV4mNxRGafyNG_ZJDTA)
|
||
- [Windows 滚动条如何美化成 macOS 那样？](https://mp.weixin.qq.com/s/RSSQymhS48pFXI2Z9JX6TA)
|
||
- [动效师前端结合篇 - AE/Lottie/交互动效/程序 “动效文本连接数据”](https://mp.weixin.qq.com/s/oHOHQrSBi2aYGJtcfbSi7g)
|