))
EP09 大哥大嫂过年好，一起聊聊样式表
Manage episode 321167658 series 3291831
AsyncTalk द्वारा प्रदान की गई सामग्री. एपिसोड, ग्राफिक्स और पॉडकास्ट विवरण सहित सभी पॉडकास्ट सामग्री AsyncTalk या उनके पॉडकास्ट प्लेटफ़ॉर्म पार्टनर द्वारा सीधे अपलोड और प्रदान की जाती है। यदि आपको लगता है कि कोई आपकी अनुमति के बिना आपके कॉपीराइट किए गए कार्य का उपयोग कर रहा है, तो आप यहां बताई गई प्रक्रिया का पालन कर सकते हैं https://hi.player.fm/legal।
大家新年快乐~我们年后回归一起聊一聊 CSS 。主要介绍了几种 css 工程的思想及相关实现的代表作，探索更好的 CSS 工程形式。
有任何意见或建议，欢迎联系邮件：[email protected]
主播
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
46 एपिसोडस
साझा करें
