SCSS

react实现加载动画

/Spinning.scss";interfaceProps{isLoading:boolean;children?
BePowerful·2023-12-02 07:37

Sass 同时导出JavaScript 和 CSS变量

SyntaxError:TypeError:this.getOptionsisnotafunctionnpmisasssass-loader@10-D创建Sass文件variables.module.scss
AvatarGiser·2023-12-02 06:19

npm报错Node Sass could not find a binding for your current environment

/src/styles/element-variables.scssSyntaxError:Error:Missingbindin
奔跑吧邓邓子·2023-12-02 01:56

Syntax Error: SassError: expected selector.报错解决方法

报错原因是因为在scss中使用了/deep/样式穿透。在less中可以这样写。出现此报错，只需要将/deep/替换成::v-deep即可。
Yoga99·2023-12-01 18:55

scoped 不生效_解决vue scoped scss 无效的问题

今天遇到scoped内部的scss设置无效，解决办法如下：/deep/.position-el-steps{/deep/.el-step.is-vertical{.el-step__description
可是啊可是啊·2023-12-01 18:04

vue 使用@import引入样式文件scoped无效造成全局样式污染

/style.scss);所以可以通过一下方法引入，则不会影响其他组件的页面样式vue避免全局样式污染的正确做法说明问题：样式全局污染产生的bug，会影响到其他页
杂记丶·2023-12-01 18:01

vue中css添加scoped，elementui中的样式无效

//style没有添加less,scss等css预处理，使用>>>来加重权限.ctop_left_input>>>input.el-input__inner{}//>>>如下面放在前面也是可以的，但是代码有的会报红
joan_FontEnd·2023-12-01 18:31

Vue使用@import 引入样式文件全局污染、使用scoped失效问题

@importurl("/style/index.scss") 上面这种情况即时加入了scoped也无效，样式一样会污染到其他地方。正确写法:
zhougl996·2023-12-01 18:54

css深度选择器＞＞＞、/deep/ 、::v-deep 、:deep()

如项目中用到了elementui，如果使用预处理器scss,sass,less,修改样式可能修改不掉,而且这种需求出现的频率非常高。但如果去掉scoped话又会影响全局样式。
Paul_Chan_·2023-12-01 17:08

表单项样式1（输入框，选择框）

样式均写在全局文件下（src/assets/style/home.scss）1、选择框效果：选择时：代码：//选择框.el-select{.el-input__inner{border-radius:0px
zttbee·2023-12-01 17:22

JavaEE——简单认识CSS

.设置字体大小3.设置字体粗细4.文字倾斜四、文本属性1.文本对齐2.文本装饰3.文本缩进4.背景设置五、圆角矩形六、CSS盒子模型1.介绍边框与外边框2.介绍内边框七、弹性布局一、简单了解什么是CSSCSS
Mo_yang.·2023-12-01 16:29

前端反卷计划-组件库-03-组件样式

样式使用scss来编写样式代码样式结构我们采用如下的结构：_variables.scss：各种变量以及可配置设置_mixins.scss：全局mixins_fun
程序员库里·2023-11-30 17:47

分享几个好用的WP，让你的网站变得越专业！

它可以优化你的JSCSS文件结构，减少多次请求，达到优化速度的目的。它还集成了图像延迟加载，对于想要最极致加速的用户来说是一个不错的选择。通过使用此插件，您的WordPress博客将显着加速。.
24e2785df9d3·2023-11-30 13:05

css

各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSSCSS
shuzk·2023-11-30 09:41

【面试】css预处理器之sass（scss）

目录为什么引入css预处理器可读性嵌套：关系明朗选择器属性伪类‘’变量：语义明确默认变量：美元符号$变量名:值!default全局变量：:global{$global-x:}变量插值：#{}map键值对：$变量名:(key:值,...)可维护性混入指令/混合指令/宏指令@mixin：函数传参提高样式的复用率不带参数混合宏带参数混合宏带特别多参数混合宏调用混合宏@include继承@extend：提
参宿7·2023-11-30 09:33

el-table右侧滚动条隐藏并且消除右边距

important;}放在全局common.scss中即可
Ashindn·2023-11-29 23:19

高性能网站原则

、图片压缩：静态页面验收时，检查每张图片不能超过200K，每个页面不能超过2.5MCMS后台上传图片，检查每张图片不能超过200K，尽量不要使用原图，使用压缩过的图片2、图片合并实现CSSSpritesCSSSprites
SkTj·2023-11-29 13:05

webpack安装

它主要分析你的项目结构，找到JavaScript模块以及其他一些浏览器不能直接运行的拓展语言（Scss、less、TypeScript），将其转换和打包为合适的格式供浏览器使用。如何安装？
皮卡许·2023-11-29 08:48

Javaweb后端开发必学(HTML、CSS、JS、Vue)

JavawebHTML、CSSCSS引入方式标签CSS选择器：页面布局表格表单标签表单项JavaScriptJavaScript引入方式JS语法变量数据类型运算符函数(Java中方法)JS对象ArrayStringJSON
幸运淦淦·2023-11-29 01:55

scss定义全局变量引入sass-resources-loader报错

开发jquery多页应用，引入sass-resources-loader后报Makesure'options.resources'isStringorArrayofStrings.查找后发现是由于引入的路径错误造成的，最开始引入的时候是这样的'sass-loader',{loader:'sass-resources-loader',options:{//Providepathtothefilewi
北冥有鱼我养的·2023-11-29 00:34

vue中el-select下拉框文字过长时，导致dropdown溢出问题，加入横向滑动条

所以组件库提供了popper-classCss：.select-dropdown{max-width:100%;}.select-dropdown.el-select-dropdown__item{overflow
木爻木Y·2023-11-28 18:38

Nova for Mac(强大的代码编辑器)

API和内置的扩展浏览器，因此非常易于扩展，而且已内置支持CoffeeScript，CSS，Diff，ERB，Haml，HTML，INI，JavaScript，PHP，Python，Ruby，Sass，SCSS
宠虫宠虫·2023-11-28 15:22

scss或者sass的使用方法 css

项目构建的基本css--消除(html默认样式在不同浏览器的差异性)--抽取常用css模块进行使用body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/*structuralelements结构元素*/dl,dt,dd,ul,ol,li,/*listelements列表元素*/pre,/*textformattingelements文本格式元素*/fieldset,len
web修理工·2023-11-28 13:17

css实现鼠标移入背景图片变灰并浮现文字的效果

首先上效果图说明一下我的html结构如上图是一个div包裹的img标签,div的块大小width,height自己定义,我说明一下核心样式代码下面写法是scss,请自行替换.web-query-image
AzeShinja·2023-11-28 13:26

Webpack 工程化基础

WebpackDemosNode.jsDebuggerwebpack学习实践系列WebpackDevServerWebpackloader十问Webpack总得来说是一个资源模块化JSModule打包工具，它的核心思想是模块化思想，不管你是图片，JS，CSS，SCSS
坚果jimbowhy·2023-11-28 11:40

CSS3制作3D爱心动画

1、什么是CSScss，即层叠样式表的简称，是一种标记语言，有浏览器解释执行用来使页面变得更美观。
海伦•·2023-11-28 11:59

CSS学习一

.熟练掌握CSS三种显示模式>6.熟练掌握CSS背景属性>7.熟练掌握CSS三大特性>8.熟练掌握CSS盒子模型>9.熟练掌握CSS浮动>10.熟练掌握CSS定位>11.熟练掌握CSS高级技巧强化CSSCSS
ZPNGU·2023-11-28 09:25

Sass基础知识详细讲解【附带表图】

文章目录前言使用SassRack/Rails/Merb插件缓存选项语法选择编码SassCSS扩展Sass注释输出Sass脚本Sass@-规则和指令Sass控制指令和表达式Sass混入指令Sass功能指令命名约定
鋜斗·2023-11-28 07:15

Sass 语法详细介绍

您的观看就是作者创作的动力SASS缩进语法SASS缩进语法或只是SASS是基于CSS的SCSS语法的替
鋜斗·2023-11-28 07:44

element tab选中时会有蓝色边框

解决办法：在commos.scss中加入属性覆盖.theme{.el-tabs__item:focus.is-active.is-focus:not(:active){box-shadow:none;}
zhaohanqq·2023-11-27 19:57

Vite CSS Module 优雅的处理样式隔离

今天介绍的是我写的一个vite插件vite-plugin-oneof-css-module，该插件主要处理scssmodule，那它适用于什么场景呢？
优资园·2023-11-27 04:30

.scss文件引入背景图片路径报错

scss引入背景图片报错，.emoji_bg{background:url('@/assets/img/qqFace/qqface.png');}这种形式会报错，正确写法.emoji_bg{background
不忘初心_6b23·2023-11-26 17:07

React基础篇（五）css样式的使用

本小节主要讲述在React中使用cssscss以及其他第三方如bootstrap的css样式配置1前言在JSX中，如果需要写行内样式，不能为style设置字符串的值，而是应该写成style={{color
早起的年轻人·2023-11-26 10:34

CSS3

，尽量使用css替代html的属性，如果无法替代，才使用html属性html属性，代码没有可重用性，没有可维护性css代码具备一定的可重用性和可维护性，但是，css没有把代码重用做到极致，后期需要使用scss
栗子树下_·2023-11-26 07:51

ES6 系列之我们来聊聊 Async

可以参考：You-Dont-Need-JavaScriptcssanimationcss@keyframescsstransformcsstransition2.原生js代替第三方库因为第三方库不可避免的会增大打包文件的体积
强哥科技兴·2023-11-26 01:46

【vue-element-admin 学习笔记06】scss

常见scss用法优点:1.可以层级结构，结构更清晰2.可以定义常量$space-width:18px;.root-container{width:200px;height:200px;.item{width
滕的世界·2023-11-25 19:24

TypeScript快速上手学习笔记-第十二篇——实战项目“贪吃蛇”

一、项目前准备项目主要用到的工具包括typescript,webpack,css拓展语言（less或者scss）博主这边使用的是scss。
LIMI_伞梦·2023-11-25 12:22

scss单位计算

//rem转换：默认传数字会直接以100px=1rem进行计算@functionpx2rem($value,$base-font-size:100){$currentUnit:unit($value);@ifunitless($value){@returncalc(($value/$base-font-size)*1rem);}@elseif($currentUnit==px){@returnca
LemonTree7·2023-11-25 10:11

UniApp or Taro技术选型对比

之间做选择，为此做了一次调研，顺便发表一篇博客，希望能帮助到广大开发者，哈哈哈哈，好了，不吹了技术层面均支持使用npm/yarn安装管理第三方依赖均支持使用ES6甚至更新的ES规范均支持使用less/scss
_无妻徒刑·2023-11-25 03:46

webpack

目录Babel：JS编译器（es6->es5，jsx->js）loader：编译->jsless-loader：less->csscss-loader：css->jsstyle-loader：创建style
参宿7·2023-11-25 00:48

【狂神说】CSS3详解

目录CSS概述什么是CSSCSS发展史快速入门CSS的三种导入方式2选择器2.1基本选择器标签选择器类选择器id选择器2.2层次选择器2.3结构伪类选择器2.4属性选择器（常用）3美化网页元素3.1为什么要美化网页
zdb呀·2023-11-24 14:32

node_modules安装及node-sass使用

node_modules1、输入npminit，一直回车会生成package.json文件2、npmi-Dvue然后就成功node_modules了二、使用node-sass1、创建css文件2、创建index.scss
Awzi123·2023-11-24 14:08

使用CSS创建一个炫酷的球体动画效果

1.使用Jade和SCSS生成一个圆圈创建一个圆圈的第一步是生成所有组成圆圈的粒子。有了Jade，我们不用一个一个的写出200个div。
编程世界-云·2023-11-24 06:17

VS Code vue项目使用scss显示语法错误、build编译正常

VSCodevue项目使用scss显示语法错误、build编译正常解决方法：第一步：先安装vetur插件第二步：在vscode的设置中添加"files.associations":{"*.vue":"vue
页面仔小杨·2023-11-24 06:18

Webpack4教程 - 第二部分，使用loader处理scss,图片以及转换JS

它将包括如何处理css、scss、图片以及对老版本的JavaScript语言的转换。让我们开始吧！W
weixin_33691700·2023-11-24 03:18

weex样式sass\scss

当你的weex项目不断变大，一些样式共享，公共颜色，大小尺寸等的管理，就是你需要面对的问题。废话不多说，先上干货：先安装sass依赖，npminstallnode-sass--save-devnpminstallsass-loader--save-dev之后webpack.common.conf.js中配置loader，如下图，在两个module处，增加红框配置最后用import引入的sass文件
lian_bingbing·2023-11-24 03:43

vue引入全局sass/less变量、function、mixin

当我们使用vue框架开发的时候，会使用一些全局配置，但是每当我们使用这些全局变量时，每个vue文件或者组件都必须导入该文件@import‘variables.scss’,那得重复做这样的工作很多很多..
SailorQin·2023-11-24 03:13

SASS/SCSS精华干货教程

目录介绍基本说明特点sass语法格式sass的语法格式一共有两种，一种是以".scss"作为拓展名，一种是以".sass"作为拓展名，这里我们只讲拓展名：编译环境安装Vscode安装编译插件简单使用sass
暗武逢天·2023-11-24 03:11

uniapp自定义导航栏返回按键

目录htmljscss最后htmljsgoback(){letroutes=getCurrentPages();//获取当前打开过的页面路由数组console.log(routes.length);if
MFG_666·2023-11-24 02:41

大屏适配解决方案——vw和vh适配方案

整体思路整体宽高布局100vw，100vh，每个模块的宽高：使用vw，vh字体大小适配：px转化为vw、vh处理公共样式：新建一个rem.scss文件图表根据屏幕尺寸变化自动resize()：自定义指令图表里的文字
小曲曲·2023-11-24 02:28
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他