scss 第14页

日常踩坑-[sass]Error: Expected newline

在学习sass的时候，运行时发现报错经过网上冲浪知道，原来在声明语言的时候lang不能声明为sass，而是scss,这就有点坑了原因：scss是sass3引入进来的，scss语法有"{}“,”;"而sass

沐风三生·2023-11-05 04:02

Vite 的基本原理，和 webpack 在开发阶段的比较

1，webpack的流程开发阶段大致流程：指定一个入口文件，对相关的模块（jscssimg等）先进行打包，接着启动一个开发服务器，浏览器请求时返回打包后的文件。

下雪天的夏风·2023-11-04 20:49

uniapp基础介绍

发布uni-app二、UniAPP初始化相关配置（1）工程目录结构（2）应用配置manifest.json（3）编译配置vue.config.js（4）全局配置page.json（5）全局样式uni.scss

大牧师·2023-11-04 19:49

2020-03-20 使用elementUI自定义主题颜色时遇到的问题

npmielement-theme-g//安装主题工具npmielement-theme-chalk-D//安装白垩主题et-i//初始化变量文件执行后当前目录会有一个element-variables.scss

我有一个小小小小的梦想啊·2023-11-04 15:42

element-ui 修改默认的一些样式

variables.scss文件：设置了一些基础配置的变量/***@description全局主题变量配置*//*stylelint-disable*/@charset"utf-8";$theme-color

小贵子的博客·2023-11-04 03:59

前端问题踩坑

1.报错Failedtoresolveloader:sass-loaderimage.png新增组件时遇到的解决：删掉vue文件CSS样式部分的lang="scss"image.png2.报错'v-model'directivesrequirenoargumentimage.png

送我迷迭香·2023-11-03 21:05

2018-03-27 初识webpack

什么是工程化：自动化、模块化、性能优化scss→sassycss先玩一下scss（ruby社区发明的）搜nodescssgithubimage.png也可用yarnimage.png加-g表示全局安装，

tsl1127·2023-11-03 20:04

elementUI使用 -（1）最简单的更换主题颜色

使用scss变量改变主题是最简单的一种方式1.安装scss包npminstall--save-devsass-loadernpminstall--save-devnode-sass使用npm安装以上两个包安装完毕后可以检查

可可奈奈learn·2023-11-03 20:22

scss文件中使用深度选择器/deep/报错 Expected selector

记得sass中使用/deep/没问题，但是在scss中使用/deep/报错了。找到vue官网关于深度选择器是这样说的：有些像Sass之类的预处理器无法正确解析>>>。

记录学习生活·2023-11-03 13:50

CSS常用内容总结（扫盲）

安苒_·2023-11-03 05:52

CSS基础

文章目录CSS三种写CSS的方式CSS选择器字体属性背景属性圆角矩形元素的显示模式CSS盒子模型弹性布局CSScss基本语法结构选择器+若干属性声明一个简单的测试这是一个段落p{color:red;}这个

北冥有鱼-.·2023-11-02 20:08

SCSS的用法有哪些？分别举例

SCSS的用法主要有：1：变量：在SCSS中，我们可以通过$符号来定义变量。比如，我们可以定义一个颜色变量$color:red;，然后在我们需要使用这个颜色的时候，直接使用$color就可以了。

祈澈菇凉·2023-11-02 20:37

vscode如何快速生成想要的vue格式代码

+tab键会生成标准的html格式代码vue+tab键我也想让它生成我想要的格式代码，比方说经常用一些方法，生命周期，或者样式类型（lessscss）文件->首选项->配置用户代码片段（点了之后可能会让

小皮皮不皮·2023-11-02 18:25

Angular2.x 组件基础

创建组件在项目根目录运行nggc文件夹/组件名称nggccomponents/child创建完成后会生成组件文件夹.html模板文件.cssCSS.ts组件类.spc.ts测试文件组件的装饰器@Component

Accompany呐·2023-11-02 17:14

[译]CSS Animations 与 CSS Transitions

本文译者为360奇舞团前端开发工程师原文标题：CSSAnimationsVersusCSSTransitions原文作者：KirupaChinnathambi原文出处：《CreatingWebAnimations

奇舞周刊·2023-11-02 16:28

前端性能瓶颈崩溃项目？Webpack助力解决！

目录⭐专栏简介文章引言一、背景二、如何优化JS代码压缩CSS代码压缩Html文件代码压缩文件大小压缩图片压缩TreeShakingusedExportssideEffectscsstreeshaking

江城开朗的豌豆·2023-11-02 10:42

Css 预处理语言Sass、less、stylus区别

目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCSS需要使用分号和花

吴小花的博客·2023-11-02 02:37

css系列—sass,scss,less,stylus的比较

因为不是很清晰，于是我决定自己写一篇，即当复习。什么是css?css即是层叠样式表(CascadingStyleSheets),用我的话来描述就是样式渲染它不需要预编译，能直接被浏览器识别并解析。横空出蓝的css3只是css的升级版本，写法一样，只是新增的些属性。box-shadow(阴影效果)border-colors(为边框设置多种颜色)boder-image(图片边框)text-shadow

如花菇凉·2023-11-02 02:07

Sass、Scss、Less和Stylus区别总结

Sass、Scss、Less、StylusCSS预处理器技术已经非常的成熟了，而且也涌现出了越来越多的CSS的预处理器框架。

M-Codes·2023-11-02 02:06

stylus/sass/less区别

均具有“变量”、“混合”、“嵌套”、“继承”、“颜色混合”五大基本特性Scss和LESS语法较为严谨，LESS要求一定要使用大括号“{}”，Scss和Stylus可以通过缩进表示层次与嵌套关系Scss无全局变量的概念

小码哥・Martin·2023-11-02 02:06

sass,less,stylus三者的比较

本文便总结下Sass、LessCSS、Stylus这三个预处理器的区别和各自的基本语法。

gkj1995·2023-11-02 02:36

java 富文本框_java-富文本（wangEditor框架）的使用教程

^V^·官网地址:ttp://www.wangeditor.com/二，控件展示效果haha是不是很强大三，使用步骤所需jscss包：wangEditor.min.cs

太空X基地·2023-11-01 21:39

开源 Vue + Koa 个人项目

小小小宇哥·2023-11-01 15:15

vue3 + vite + ts + element-ui搭建后台管理框架

vue3+vite+ts+element-ui搭建后台管理框架1、创建vue3项目搭建2、安装less、scss3、vite自动导入语法插件4、安装router5、安装pinia6、搭建后台系统--基本配置

前端早间课·2023-11-01 12:01

vue项目中使用sass

save-devnpminstallsass-loader--save-dev2.在build目录找到webpack.base.conf.js文件在该文件module.export中的module.rules加入解释scss

IF_123·2023-11-01 09:22

create-react-app支持CSS Modules

我们已经快速搭建一个支持TypeScript+SCSS的React项目，为了避免class命名冲突，现在我们想要支持css模块化开发。

小小的开发人员·2023-11-01 04:13

mpvue框架搭建采坑记录

搭建内容包括：1、使用scss语法：依赖插件sass-loader、node-sass2、像vue一样使用路由：依

weixin_34357962·2023-10-31 10:45

【Scss】＞＞＞或 /deep/ 或 ::v-deep 的作用

文章目录>>>/deep/::v-deep>>>引入第三方组件后，如果需要局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染，这时候就可以用>>>穿透scoped了如果vue的style使用的是css，那么则：.menuItem{>>>.ant-input{border-radius:50px;font-size:14px;height:30px;}}/deep/但是像s

一颗不甘坠落的流星·2023-10-31 05:34

vue中解决scss下::v-deep影响到子组件的问题

开发中经常会用到深度选择器来修改第三方组件库等子组件的样式，这时候就用到样式穿透(stylePenetration)常用的有>>>、/deep/、::v-deep使用中发现了一个问题，就是当在父组件使用了v-deep修改样式时，会影响到子组件，修改为/deep/报SassError:expectedselector.改为>>>可以解决这个问题

kirinlau·2023-10-31 05:26

vue组件样式穿透 /deep/ 、＞＞＞和 ::v-deep

el-input__inner）或其他深层样式时，需要使用/deep/，如：.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0或者新版scss-loader

@Umbrella·2023-10-31 05:53

scss下解决父组件中使用::v-deep修改样式穿透到子组件的问题

样式穿透的方式有：>>>、/deep/、::v-deep这三种使用中发现了一个问题，就是当在父组件使用了v-deep修改自身组件或者第三方组件样式时，会影响到子组件中的样式，第一种方式：使用>>>修改无效，原因是scss

kirinlau·2023-10-31 05:19

webpack4

1.什么是webpackwebpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用

淡然7698·2023-10-30 18:19

ionic常用api

设置沉浸式：对于android来说需要设置paddingtop，因为沉浸之后header的高度有一部分填充了手机导航栏，可以在global.scss中设置公共的header的样式//app.component.tsimport

Free_syx·2023-10-30 10:26

微信小程序 nodejs+vue校园学生社团管理系统

页面信息uni.scss:全局样式目录目录III第一章概述11.1研究背景11.2开发意义11.

QQ511008285·2023-10-30 06:35

苹果cmsv10自带系统标签和模板标签

在后台站点设置中，可以选择当前使用的模板│─template/1/模板1│├─ads广告文件目录│├─jsjs文件│├─csscss文件│├─images图片文件│└─html模板文件目录│└─art文章模块模板目录

无棣老蔡·2023-10-30 05:41

Angular2加载html页面,Angular 2：同一组件中的多个HTML页面

主要目的是有单独的HTML&SCSS文件和路由逻辑。Angular2：同一组件中的多个HTML页面截至

weixin_39898854·2023-10-29 15:41

2分钟喝茶的时间，我知道了所有前端技术

2、CSSCSS指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素，样式通常存储在样式表中，

振华OPPO·2023-10-29 13:04

nextjs引入tailwindcss 、antd、sass

二、引入步骤1.tailwindcss2.scss3.antd总结前言上一篇介绍了nextjs的配置，这章主要是引入tailwindcss和antd.一、Whytailwindcss？

@LitterFisher·2023-10-29 12:35

vue.js学习笔记九

就是将webpack中的各种资源模块进行打包合并成一个或多个包（Bundle）并且在打包的过程中的过程中，还可以对资源进行处理，比如压缩图片，将scss转成css，将ES6语法转成ES5语法，将TypeScript

-恰饭第一名-·2023-10-29 09:22

vue3学习（十四）--- vue3中css新特性

文章目录样式穿透:deep()scoped的原理插槽选择器:slotted()全局选择器:global()动态绑定CSScssmodule样式穿透:deep()主要是用于修改很多vue常用的组件库（element

邱先生~·2023-10-29 08:02

基于uniapp+uView开发小程序【技术点整理】

1.uView依赖SCSS，您必须要安装此插件，否则无法正常运行。

小跳不会Coding·2023-10-29 06:03

uni-app使用基础

uni-app的基本使用基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯

千山鸟语·2023-10-29 02:34

Vite+Vue3项目全局引入scss文件

在日常项目开发过程中使用非常广泛，今天主要讲一下Vite+Vue3项目中该如何全局引入scss文件，引入混合mixin文件的不同配置。捎带说一下Vue2中的引入方式做一下简单的对比。

Yxj-5211314·2023-10-28 23:12

VSCode 快速生成vue模板插件——Vue VSCode Snippets

VueSnippetPurposevbaseSinglefilecomponentbasewithSCSSvbase-3SingleFilecomponentCompositionAPIwithSCSSvbase

向前星元·2023-10-28 23:08

scss命名规范

/***全局变量*命名规范——遵守语义化命名：lg-大号、md-中号、base-基本号、sm-小号、mini-超小号*/$font-weight-base:400;$border-color-base:rgba(101,135,248,0.36);$font-size-lg:18px;$font-size-md:16px;$color-important:#333333;@mixinbackgro

古加仪·2023-10-28 22:31

【uni-app从入门到实战】组件和样式学习

文章目录Text组件view组件button组件image组件样式学习rpximport字体图标scss使用组件使用入门教程Text组件Text是文本组件，用于包裹文本内容。

Errol_King·2023-10-28 16:43

若依前端vue使用之经路由跳转页面，css样式不对

.经过路由跳转页面后，页面css样式不对，但刷新后页面显示正确在跳转前后的页面的style中加scoped xxxxxx"scss"/"less"：动态样式语言.对CSS赋予了动态语言的特性

顾小北吖·2023-10-28 10:00

react+vite配置module.scss(css in js)

一、安装sassyarnaddscss二、配置vitevite.config.ts:添加scss配置，将路径改为公共scss样式文件路径scss:{additionalData:"@import'.

Adasunshine·2023-10-28 09:09

webpack常用的插件集合

目录日常组件使用对ES6的解析插件image:如何将打包的时候将图片一并打包我们需要使用到这个file-loaderurl-loader更准确的说是资源的复制，不仅仅是imagecss预处理器分离css与jscss

sogooday·2023-10-28 07:05

vscode autoprefixer插件将less/scss/css文件自动添加浏览器兼容前缀

autoprefixer.options":{"browsers":["ie>=6","firefox>=8","chrome>=24","Opera>=10","last2versions",">5%"]}二.使用在less/scss

悠悠~飘·2023-10-28 06:02

推荐频道

scss