2016 - 2024

感恩一路有你

vue中post请求参数怎么写 vue数据怎么传?

浏览量:3853 时间:2023-05-03 07:25:00 作者:采采

vue数据怎么传?

在vu

springboot vue哪个是前端?

Vu

postcss和cssmodule是什么?有什么作用?

什么是postcss?根据官方网站 s的解释,它是javascript编写的一个对css进行转换的工具。可以认为是一个处理css的插件集合,需要配合webpack、gulp等编译工具才能显示其强大的能力。

目前,社区提供了很多插件,其中最著名的如下:

Autoprefixer可以为css属性配置兼容的前缀,而无需手动添加。

Postcss-preset-env允许您使用更现代的css特性stylelint来检查css语法错误、cssnano css compressor等等。如果你知道巴别塔的原理,你应该听说过AST,抽象语法树。编译器对字符串进行词法分析、语法分析和转换,最终达到预期的结果。Postcss也是同样的原理。这个包已经为用户提供了一个解析方法parse,还提供了很多转换API,可以用来自己开发一个postcss插件。

什么是css模块?之前我们用的是css选择器,对整个页面都有效,也就是全局。迭代需求时,需要考虑每次添加新的css是否会影响到其他地方,所以我们有时会选择样式表。添加名称空间。Css模块为我们提供了另一种开发,可以让css有一个局部范围。

用法如下:

用法很简单,基本上很容易看出来。css-loader为我们提供了css模块的开关,可以通过给css-loader添加参数选项modules来打开。注意:它必须放在less或sass的加载程序之前。

那么它是如何实现局部范围的呢?

当您打开element面板时,您会发现它将类转换为md5标记,该标记对应于每个组件并保持唯一。

由vue限定范围,所以我们想到由vue限定范围,这也解决了css局部范围的问题!

它在dom上生成一个数据属性,并向类选择器添加一个属性选择器,类似于前面的md5标记。但是由于属性选择器的加入,选择器的优先级变高了,覆盖组件外的css属性就没那么容易了!

喜欢我的回答就关注我。有问题可以评论。让 让我们一起学习,一起成长!

css 添加 范围 模块 局部

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。