zthxxx 最近的时间轴更新 zthxxx 最近的时间轴更新 |
zthxxxV2EX 第 146826 号会员，加入于 2015-11-12 14:24:17 +08:00今日活跃度排名 8524 |
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 最近回复了
2 小时 28 分钟前 回复了 freesun165 创建的主题 › git › 求助 git 自动 merge 丢代码 |
老生常谈话题之「不要把 master/dev 合到自己的分支」，开发时也始终应该像 GitHub / GitLab 那样的「把自己分支合到 master/dev (主干分支)」
47 天前 回复了 bigbugbag 创建的主题 › 程序员 › macOS 中有 Oh My Zsh 的上位替代么？ |
Fish 语法差异太大哦，如果自己平时还经常写一些 CI 脚本、维护一些服务器、Homelab 之类的，来回切换语法上思考起来挺麻烦的
想象一下你每天在 Windows / macOS 、VSCode / JetBrains 家的 IDEA 之间来回切换快捷键
想象一下你每天在 Windows / macOS 、VSCode / JetBrains 家的 IDEA 之间来回切换快捷键
47 天前 回复了 bigbugbag 创建的主题 › 程序员 › macOS 中有 Oh My Zsh 的上位替代么？ |
要关注性能就要像 #31 楼说的那样去查
自己写的 zsh 主题，写的时候就考虑到了性能，消除了所有能消除的进程间调用，git status 查询也是异步的
做到 4ms per render
https://github.com/zthxxx/jovial
自己写的 zsh 主题，写的时候就考虑到了性能，消除了所有能消除的进程间调用，git status 查询也是异步的
做到 4ms per render
https://github.com/zthxxx/jovial
74 天前 回复了 RamenCurator 创建的主题 › 买买买 › 问今年各位最满意的购物 |
TCL 雷鸟 65 寸电视 65S575C Pro ，开机率非常高，女票天天投屏爱优腾 B ，看完换我开 PC 大屏原神启动
81 天前 回复了 mintongcn 创建的主题 › Apple › 苹果密码 VS 谷歌浏览器现在到底是什么关系 |
@NoLifeRyan 问下用啥做的导入导出？
156 天前 回复了 Elaina 创建的主题 › 程序员 › 想问问 bytebytego 的架构图和动态图是用什么软件绘制的？ |
他们自己推上回答了是 AE
171 天前 回复了 RiverRay 创建的主题 › 分享发现 › 我擦，原来 QWERTY 键盘如此会营销… |
为什么数字不打算乱顺序呢
176 天前 回复了 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 范畴内
179 天前 回复了 johnfrank 创建的主题 › Node.js › 2024 年了， 现在 REACT 的 CSS 的正确姿势是什么？ |
#8 第二张图图挂了重发了下试试
Select Language