Scss

vue 动态加载插件及插件样式 解决插件样式造成的全局污染问题

1工具方法/***动态加载第三方js.css*@param{*}src路径*@param{*}isCss是否为css文件*/exportfunctionasynLoad(src,isCss=false)
看客随心·2025-03-15 12:48

Sass (Scss) 与 Less 的区别与选择

Sass与Less的区别与选择1.语法差异2.特性与支持3.兼容性4.选择建议在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Sc
智能编织者·2025-03-15 02:46

Sass (Scss) 与 Less 的区别与选择

本文将详细探讨Sass（特别是其语法扩展Scss）与Less之间的区别，并提供选择建议。1.语法差异Sass最初是使用缩进
王强你强·2025-03-14 14:02

vue2安装scss

vue2安装scss1、下载npminstall-Dsasssass-loader2、新建src/styles/variables.scss文件，并在里面写一些常用的公共样式，在vue.config.js
活宝小娜·2025-03-14 14:02

在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

ThelegacyJSAPIisdeprecatedandwillberemovedinDartSass2.0.0原因分析：其实通过报错提供的链接就可以知道，sass提供的某些jsapi即将在v2.0.0的新版本中废弃了，提醒你及时更新解决方案：在配置文件vite.config.js中配置//设置scss
宝子卡粉·2025-03-14 08:52

React+Vite从零搭建项目及配置详解

目录一、创建项目react-item二、调整项目目录结构三、使用scss预处理器四、组件库AntDesign五、配置基础路由六、配置别名路径一、创建项目react-itemnpmcreatevitereact-item
一朵好运莲·2025-03-14 06:36

vue项目全局引入scss文件

在Vue项目中，可以通过以下步骤全局引用SCSS文件：1、首先，确保你的Vue项目已经安装了SCSS的相关依赖，可以使用npm或者yarn进行安装。
马康鑫·2025-03-13 05:03

scss声明全局变量

在SCSS中声明全局变量是为了让它们可以在项目中的任何地方被访问和使用。通常的做法是在单独的文件中定义这些全局变量，然后通过@import规则将其导入到需要使用这些变量的地方。
semicolon_helloword·2025-03-13 05:31

全局引用scss文件定义的变量

在vite.config.ts文件中写如下代码css:{preprocessorOptions:{scss:{additionalData:`@use"@/assets/styles/index.scss
魏时烟·2025-03-13 04:55

前端学习——CSS

CSSCSS（CascadingStyleSheets）级联样式表语法选择器全局选择器元素选择器类选择器ID选择器合并选择器选择器的优先级字体属性字体颜色背景属性background-color属性background-image
W起名有点难·2025-03-10 09:07

uniapp bug解决：uniapp文件查找失败:‘uview-ui‘ at main.js:14

文章目录报错内容解决方法`main.js`文件中uView主JS库引入uView的全局`SCSS`主题文件内容修改引入uView基础样式内容修改配置`easycom`内容修改报错内容10:50:51.795
奶糖 肥晨·2025-03-09 10:31

vue项目中使用scss

vue项目中使用scss一、安装使用scss1.安装scss2.安装node-sass和sass-loader3.配置webpack.base.conf.js文件4.组件中使用scss二、设置scss变量
筱筱°·2025-03-05 04:27

SASS基础

而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的样式分开。
少年莫忧·2025-03-05 02:01

在Vue中使用Sass

Sass又称SCSS，它是CSS预处理之一。它在CSS语法的基础上增加了变量、嵌套、混合宏、继承、占位符等等高级功能。那什么是CSS预处理器呢？
郭宝·2025-03-05 02:31

sass 基础

sassCSS扩展语言预编译css预处理csssass文件*.sass不能够直接支持css写法*.scss采用能够直接支持原生css写法这种后缀名文件不能直接引入到页面使用，页面只支持*.css格式sass
m0_57617148·2025-03-05 01:59

JavaWeb——CSS

一、什么是CSSCSS(CascadingStyleSheet)：层叠样式表，是一种用于描述网页内容外观和样式的语言，主要用于控制网页的布局、颜色、字体、间距、动画等视觉效果。
Clrove.11·2025-03-04 22:37

Recat学习

Recatv17.x项目开发框架搭建1.创建React项目2.暴露配置文件方法一方法二3.支持less4.支持scss/sass5.安装element-ui6.路由导航（常规使用）编译出错错误一错误二错误三错误四
freelb·2025-03-01 15:20

vue3导入字体

1.如何导入字体新建一个fonts.scss文件夹@font-face{font-family:'优设标题黑';//字体别名src:url('..
hdufu123·2025-03-01 00:02

CSS从入门到精通

文章目录CSS技术什么是CSSCSS的用法选择器标签名选择器class选择器id选择器分组选择器属性选择器盒子模型margin（外边距）border（边框）padding（内边距）元素类型的补充块级元素行内元素行内块元素永和门店系统用户注册练习
cgblpx·2025-02-27 23:20

react module.scss 避免全局冲突类似vue中scoped

创建index.module.scss文件src/components/MyComponent/index.module.scssindex.tsx2.编写index.module.scss内容//src
初遇你时动了情·2025-02-27 00:42

小程序高度问题&背景scss

不同的机型，他的比例啥的都会不一样，同样的rpx也会有不同的效果。所以这里选择了取消高度。还有提供一种背景显示区域的css.background_img{/*background-image:url("https://test-1309061343.cos.ap-nanjing.myqcloud.com/temp/2025/01/06/ed2d3320c3e14f8abb061faaec5081c
澄江静如练_·2025-02-25 20:56

在vue3安装stylelint和stylelint-config-prettier和stylelint-config-recess-order出现的版本问题

前言：项目式vue3+ts+sass，需要安装配置依赖：npmisasssass-loaderstylelintpostcsspostcss-scsspostcss-htmlstylelint-config-prettierstylelint-config-recess-orderstylelint-config-recommended-scssstylelint-config-standards
涛声依旧god·2025-02-23 14:03

css特异性，继承性

html介绍管理scss.introduce{.title{text-align:center;}.card-box{.card{width:300px;background:aqua;text-align
2301_78916954·2025-02-22 04:29

angular中使用animation.css实现翻转展示卡片正反两面效果

https://animate.style/在angular.json中使用"styles":["node_modules/animate.css/animate.min.css","src/styles.scss
2301_78916954·2025-02-22 04:29

uniapp项目引入uview组件

1.下载scss的插件在HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装，如不生效，重启HX即可下载链接scss/sass编译-DCloud插件市场2.下载uView文件在uni-app
LAN354·2025-02-21 19:12

antd+React.js实现登陆页面，登陆注册页面

/login.module.scss';import{Button,Checkbox,Form,Input,Tabs}from'antd';import{UserOutlined,MedicineBoxOutl
变向加后撤·2025-02-18 20:17

在vue3中配置scss

要在Vue3中使用SCSS（Sass的一个子集），你需要安装相应的依赖，并对项目进行一些配置。
库库林_沙琪马·2025-02-18 10:46

【element】谷歌浏览器 el-dialog 概率出现背景全黑，透明度不生效

/element-variables.scss'/***来自Kare
丶思想·2025-02-17 12:10

记录一次 vue3 + ele pls 改写 饿了么主题色实践

一、改写element主题色在main.ts中引入需要改写的scss文件main.ts:import'element-plus/dist/index.css'import'.
Ashy-·2025-02-16 14:23

rpx和px混用方案

（1）创建一个全局的样式配置文件：//styles/variables.scss:root{ //基础字体大小 --font-size-xs:12px; --font-size-sm:14px; --font-size-md
大袤宏图·2025-02-15 00:54

CSS预处理器——SCSS的灵活语法

目录一、概述二、SCSS的基本语法和特性（一）变量（二）嵌套规则（三）混合器（Mixins）（四）继承（五）运算符（六）函数（七）条件语句（八）循环三、SCSS的优势四、SCSS的应用场景一、概述SCSS
像素检测仪·2025-02-14 02:55

scss与sass介绍

文章目录CSS:sassscss与sassscss与sass的使用CSS:层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集
oscar999·2025-02-11 06:39

scss混合优化媒体查询书写

采用scss的混合和继承优化css的媒体查询代码书写原写法.header{width:100%;}@media(min-width:320px)and(max-width:480px){.header{
年纪轻轻只想躺平·2025-02-11 05:01

使用webpack5实现简易的vue-cli脚手架功能

eslintignorepackage.json主要涉及到对vue的支持以及elementui的自动按需引入首先解释一下webpack中使用最多的loader和plugin的概念：loader是将一些webpack不能处理的资源（vue、scss
没有技巧只有感情·2025-02-09 09:15

vscode插件

/XML关闭标签AtomOneLight主题皮肤颜色AutoRenameTag自动重命名配对的HTML/XML标签Beautify格式化代码BetterCommentBeautifycss/sass/scss
CuteyChoma·2025-02-06 02:31

Vue和Vue-Element-Admin（十）：HTML和CSS快速学习笔记

目录html标签分类网页布局盒子模型浮动定位css标签选择flex布局transform转换Vue开发tipsless和scssVScode常用插件后端语言框架很多，Java适合企业级应用（规范且稳定）
A叶子叶·2025-02-03 23:11

elementUI Table组件实现表头吸顶效果

无法将表头信息和表格内容对应起来，需要进行表头吸顶开始编码环境：vue2.6+、elementUIstep1：给el-table__header-wrapper加上样式//style/sticky-table-header.scss.el-table
热忱1128·2025-01-26 07:54

vue项目运行报：SassError: expected selector...

SassError:expectedselector错误通常由于Sass或SCSS文件中存在语法错误或选择器缺失，导致Sass编译器无法解析。Sass语法语法中误用深度选择器语法导致以上问题。
落日弥漫的橘_·2025-01-25 13:36

Sass,Scss,Less的区别

一.Sass和Scss区别Scss是Sass的升级版,他用{}代替了缩进更符合书写习惯.homecolor:#42b983.home{color:#42b983;}二.Sass/Scss和Less区别1
_会飞的肥牛·2025-01-22 14:57

vue中对style样式的区别

如果想要启用scss和sass，需要设置lang属性。
星辰啊大海7857·2025-01-22 14:55

微信小程序开发设置支持scss文件

在微信小程序开发中，默认是不支持scss文件的，创建文件的时候，css文件默认创建的是wxss后缀结尾的，但是用习惯了scss的怎么办呢？
晨枫阳·2025-01-21 18:14

uniapp中使用全局样式文件引入的三种方式

如果你想在uni-app中全局引入SCSS文件（例如global.scss），可以通过以下步骤进行配置：方法一：在main.js中引入在main.js中引入全局样式：你可以在src/main.js文件中直接引入
上趣工作室·2025-01-20 03:00

::v-deep的理解

如果希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，可以使用>>>操作符：.a>>>.b{width:100%;height:100%;background:red;}但是像scss
记得早睡~·2025-01-20 03:27

原生微信小程序中使用Sass

在project.config.json文件中配置项setting项{"setting":{//省略其他配置项"useCompilerPlugins":["sass"]},}将wxss后缀名改为scss
王阔阔·2025-01-17 08:23

js，scss常用的方法

获取网页参数functiongetExtraDataByKey(key){varparams={},query=window.location.search.substring(1),arr=query.split('&'),rt;if(arr&&Array.isArray(arr)){arr.forEach(function(item,i){vartmp=item.split('='),key=
·2025-01-16 23:25

【Webpack 踩坑】CSS加载缓慢

问题：使用webpack5，单独index.scss在assets/css目录下，但是不管是production还是development环境下，都会出现dom加载完后再渲染样式本意是想要将样式单独打包到一个文件夹
①条咸鱼·2024-09-14 17:49

html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法

本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为
RemusrickCat·2024-09-12 17:40

Vue项目：将资源路径使用相对路径后，部分图片无法显示

解决办法：通过less或scss，定义一个变量baseUrl，然后通过字符串拼接的方式，在url路径中拼接到原本图
engineer_why·2024-09-11 23:47

hr标签和注释的总结

CSSCSS定义如何显示HTML元素。html中注释的使用定义注释标签用来在源文档中插入注释。注释不会在浏览器中显示。使用范围我们可使用注释对您的代码进行解释，这样做
Rashore·2024-09-11 09:31

HBuilderX 安装 scss/sass编译 插件报错 binding.node 解决方案windows版

HBuilderX安装scss/sass编译插件报错binding.node解决方案windows版官方给出的解决方案让我们在命令行执行下面三行代码[0;31m-->LibSass的二进制文件(C:\ProgramFiles
这个需求建议不做·2024-09-10 02:01
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他