zthxxx 最近的时间轴更新 zthxxx 最近的时间轴更新 |
zthxxxV2EX 第 146826 号会员，加入于 2015-11-12 14:24:17 +08:00 |
blog.zthxxx.me
zthxxx
| 做了个钉宫辱骂版的 vscode 彩虹屁语音扩展包，众钉宫病患者福音
2 分享创造 • zthxxx • 2020-06-22 15:28:34 PM • 最后回复来自 Chihaya0824
|
94 |
| 分享一个仿 Spotlight 风格做的 Alfred3 主题样式 分享创造 • zthxxx • 2019-09-27 13:14:27 PM • 最后回复来自 zthxxx | 11 |
| 做了一款算是小清新的 zsh 主题 jovial，有人要晒终端么～ Z shell • zthxxx • 2020-06-08 15:07:13 PM • 最后回复来自 qdu | 44 |
| 优秀的程序员是不需要写代码的 😏 分享发现 • zthxxx • 2018-02-10 12:00:50 PM • 最后回复来自 zthxxx | 6 |
| 用 Hexo 做个人 Wiki 知识管理系统
12 分享创造 • zthxxx • 2020-03-15 09:16:30 AM • 最后回复来自 hinzer
|
135 |
zthxxx 最近回复了
14 天前 回复了 RiverRay 创建的主题 › 分享发现 › 我擦，原来 QWERTY 键盘如此会营销… |
为什么数字不打算乱顺序呢
19 天前 回复了 johnfrank 创建的主题 › Node.js › 2024 年了， 现在 REACT 的 CSS 的正确姿势是什么？ |
@banricho #38 是啊，大部分说的都有不同程度混淆概念和维度，
- styled-components 是「定义组件的方式」、是语义化拆分组件的写法形式
- Sass / Less / tailwind (包括 classname 和 @apply) 都是「编译生成 CSS 的方式」，只是提供的语法不同
- import *.css (包括 module.css) 和 css`...` (及其各种语法糖) 是工程化打包后「注入 CSS 的不同方式」
这三个维度是可以互相组合、也可以单独用其一的，
比如你可以
- 在 styled-components 写法中，直接写 tailwind class 然后编译生成 CSS 被自动注入(或者 no-inject 手动注入)
- 在 styled-components 写法中，直接写 less 的同时在里面写 @apply tailwind class 然后编译后注入
- 直接写 [.module].(less|sass|css) 文件，import 后写到组件 classname 上，当然同样的，样式文件里可以写 less/sass/css/tailwind 语法(指各类 at-rules)
这里的编译器都是 postcss + 各种东西
至于直接写 style={{...}} 的，那是真的 js 写 inline-style 不在以上 CSS 范畴内
- styled-components 是「定义组件的方式」、是语义化拆分组件的写法形式
- Sass / Less / tailwind (包括 classname 和 @apply) 都是「编译生成 CSS 的方式」，只是提供的语法不同
- import *.css (包括 module.css) 和 css`...` (及其各种语法糖) 是工程化打包后「注入 CSS 的不同方式」
这三个维度是可以互相组合、也可以单独用其一的，
比如你可以
- 在 styled-components 写法中，直接写 tailwind class 然后编译生成 CSS 被自动注入(或者 no-inject 手动注入)
- 在 styled-components 写法中，直接写 less 的同时在里面写 @apply tailwind class 然后编译后注入
- 直接写 [.module].(less|sass|css) 文件，import 后写到组件 classname 上，当然同样的，样式文件里可以写 less/sass/css/tailwind 语法(指各类 at-rules)
这里的编译器都是 postcss + 各种东西
至于直接写 style={{...}} 的，那是真的 js 写 inline-style 不在以上 CSS 范畴内
23 天前 回复了 johnfrank 创建的主题 › Node.js › 2024 年了， 现在 REACT 的 CSS 的正确姿势是什么？ |
#8 第二张图图挂了重发了下试试
23 天前 回复了 johnfrank 创建的主题 › Node.js › 2024 年了， 现在 REACT 的 CSS 的正确姿势是什么？ |
我个人主力是 CSS Variables + styled-components (emotion)
其中 styled-components 是指这一类 css-in-js 的写法范式，并不单指一个库，
用于语义化组件、做开发 / review 代码的时候 更关心组件结构不关心样式
而内部具体样式的实现可以是写 CSS / Less / Sass / 甚至 Tailwindcss (对，tailwind 只是生成 css 的一种方式)
其中 styled-components 是指这一类 css-in-js 的写法范式，并不单指一个库，
用于语义化组件、做开发 / review 代码的时候 更关心组件结构不关心样式
而内部具体样式的实现可以是写 CSS / Less / Sass / 甚至 Tailwindcss (对，tailwind 只是生成 css 的一种方式)
23 天前 回复了 aynakeya 创建的主题 › 分享创造 › 利用 b 站二压， 30fps 和 60fps 下显示不同的画面 |
@yuzo555 没关系的，因为二压之后抽出来的就是正常视频流的序列帧了
45 天前 回复了 sexyporn 创建的主题 › 软件 › 你们的 Obsidian 笔记都是通过什么方式同步备份的？ |
git + git lfs + GitHub private repo
74 天前 回复了 ynexz 创建的主题 › 程序员 › 求推荐已通过实践稳妥的 Mini 迷你小主机解决方案 |
楼主最后选好了 我一定要跟你买一个
74 天前 回复了 lemonTreeTop 创建的主题 › 分享创造 › 混阅，使用充足的中文 context 实现英语词汇增长 |
这混阅排版看着太丑了
89 天前 回复了 Fader10 创建的主题 › 程序员 › homelab 远程访问的正确姿势？ |
Tailscale +1
129 天前 回复了 imrei 创建的主题 › 宽带症候群 › 好像很少有人给自家开个 VPN 然后连回去的？ |
一直 tailscale 回家
Select Language