))
EP09 大哥大嫂过年好，一起聊聊样式表
Manage episode 321167658 series 3291831
Content provided by AsyncTalk. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by AsyncTalk or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
大家新年快乐~我们年后回归一起聊一聊 CSS 。主要介绍了几种 css 工程的思想及相关实现的代表作，探索更好的 CSS 工程形式。
有任何意见或建议，欢迎联系邮件：async.talk@gmail.com
主播
AnnatarHe: https://annatarhe.com
Tinko: https://space.bilibili.com/290664
Sleaf: https://twitter.com/Sleaf_
小鹿
Timeline
00:30 听众反馈
02:43 让人头疼的样式表
13:02 预编译器哪家强
22:38 怎么限制 css 作用域？
25:21 BEM？简单而臃肿
28:03 Vue 送来了 scoped
30:46 CSS Modules 好用吗
33:06 ALL IN JS!
35:43 原子性 CSS 是不是一个好的方案？
41:22 小结，以及还有其他小众方案
42:26 这些方案有哪些落地的框架？
46:39 最近蛮火的 Tailwind 用起来怎么样
1:02:15 styled-componets 是不是一个完美的方案？
1:05:17 说了这么多，现在主播们会选哪个？
1:11:02 在未来什么会消亡什么会壮大？
相关链接
BEM: http://getbem.com/introduction/
LibSass is Deprecated: https://sass-lang.com/blog/libsass-is-deprecated
CSS 语法 [符号]: https://developer.mozilla.org/zh-CN/docs/Web/CSS/Value_definition_syntax#符号
最佳化文字資產的編碼和傳輸大小: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer?hl=zh-tw
CSS Houdini: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Houdini
扩展阅读
An Introduction To Object Oriented CSS (OOCSS): https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/
Just-In-Time: The Next Generation of Tailwind CSS: https://tailwindcss.com/blog/just-in-time-the-next-generation-of-tailwind-css
Real-world CSS vs. CSS-in-JS performance comparison: https://pustelto.com/blog/css-vs-css-in-js-perf/
postcss-rs: https://github.com/postcss-rs/postcss-rs
parcel-css: https://github.com/parcel-bundler/parcel-css
BGM by Otologic
45 episodes
Share
