AsyncTalk
AsyncTalk
AsyncTalk
EP09 大哥大嫂过年好,一起聊聊样式表
1 hour 19 minutes Posted Feb 24, 2022 at 3:17 pm.
听众反馈02:43 让人头疼的样式表13:02 预编译器哪家强22:38 怎么限制 css 作用域?25:21 BEM?简单而臃肿28:03 Vue 送来了 scoped30: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-deprecatedCSS 语法 [符号]: 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-twCSS 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-cssReal-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-rsparcel-css: https://github.com/parcel-bundler/parcel-cssBGM by Otologic
0:00
1:19:29
Download MP3
Show notes
大家新年快乐~我们年后回归一起聊一聊 CSS 。主要介绍了几种 css 工程的思想及相关实现的代表作,探索更好的 CSS 工程形式。有任何意见或建议,欢迎联系邮件:[email protected]主播AnnatarHe: https://annatarhe.comTinko: https://space.bilibili.com/290664Sleaf: https://twitter.com/Sleaf_小鹿Timeline00:30 听众反馈02:43 让人头疼的样式表13:02 预编译器哪家强22:38 怎么限制 css 作用域?25:21 BEM?简单而臃肿28:03 Vue 送来了 scoped30: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-deprecatedCSS 语法 [符号]: 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-twCSS 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-cssReal-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-rsparcel-css: https://github.com/parcel-bundler/parcel-cssBGM by Otologic