预处理器

We་ct20 天前
前端·css·css3·sass·postcss·预处理器
吃透现代CSS全技术体系很多前端开发者都有一个扎心的通病:写CSS全靠手感,维护CSS全靠运气。写简单页面时随心所欲,样式随手就写,完全没压力;可一旦项目迭代变大,各种诡异问题接踵而至:明明没改代码,样式突然莫名失效;新写的样式被旧代码悄悄覆盖;同一个颜色、间距反复手写几十遍。看着别人项目用Sass清爽高效、用Tailwind飞速迭代,自己跟风上手,却只会机械抄代码、拼接类名,压根不懂底层编译逻辑、性能优劣。到了面试环节,被问起预处理器、样式隔离、CSS-in-JS的核心区别,瞬间大脑空白,只能含糊其辞。
CappuccinoRose3 个月前
前端·css·学习·postcss·模块化·预处理器
CSS 语法学习文档(十三)目录第十三篇:CSS 工程化与预处理器13.1 预处理器概述13.1.1 Sass/SCSS、Less、Stylus 特性对比
赢乐2 年前
css·sass·预处理器·sass-loader·node-sass·按需引入·全局mixin
vue3中安装并使用CSS预处理器Sass的方法介绍Sass(Syntactically Awesome Style Sheets)是一种CSS预处理器,它扩展了CSS的功能,提供了更高级的语法和特性,例如变量、嵌套、混合、继承和颜色功能等,这些特性可以帮助开发者更高效地管理和维护样式表。Sass语法是基于缩进(缩进花括号)的,它与传统的CSS语法类似,但添加了一些额外的规则和语法结构。Sass代码需要编译成CSS代码才能在浏览器中呈现。
赢乐2 年前
css·less·scss·样式穿透·scoped·deep·预处理器
前端开发中利用css的scoped和deep的方法实现样式穿透在vue中,我们为了避免父组件的样式影响到子组件的样式,会在style中加我们在加了 scoped 之后样式会自动添加一个hash值,如下:
我是有底线的