))
EP09 大哥大嫂过年好，一起聊聊样式表
Manage episode 321167658 series 3291831
Nội dung được cung cấp bởi AsyncTalk. Tất cả nội dung podcast bao gồm các tập, đồ họa và mô tả podcast đều được AsyncTalk hoặc đối tác nền tảng podcast của họ tải lên và cung cấp trực tiếp. Nếu bạn cho rằng ai đó đang sử dụng tác phẩm có bản quyền của bạn mà không có sự cho phép của bạn, bạn có thể làm theo quy trình được nêu ở đây https://vi.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 tập
Chia sẻ
