SCSS

webpack 配置文件、配置项、插件

webpack.config.js配置项entry入口文件,告诉webpack打包从哪个文件开始,可以有一个或多个入口文件.output出口文件,也就是打包生成的文件存放位置,只能有一个.Loader对源代码进行转换,例如:将scss
Pumpkincc·2024-02-12 10:53

软件测试/测试开发丨Web端测试—CSS讲解 学习笔记

本文转自测试人社区，霍格沃兹测试开发学社学员笔记原文链接：https://ceshiren.com/t/topic/29441一、CSS入门1.1、什么是CSSCSS指层叠样式表（CascadingStyleSheets
·2024-02-11 17:38

【Sass/SCSS 官方英文文档翻译整理】SCSS 完整自学中文版教程01_Sass基本介绍

Sass支持像css一样的大括号语法，文件扩展名为.scss，以及另一种使用缩进的语法，文件扩展名为.sass。教程主要采取完全兼容css的SCSS语
drylint·2024-02-10 03:24

CSS Turing完成了吗？

本文翻译自：IsCSSTuringcomplete?CSSisn't,insofarasIknow,Turingcomplete.就我所知，CSS并不是图灵完整的。
xfxf996·2024-02-09 20:28

taro踩坑

使用taro下的组建ScrollView时候样式出不来解决方案全局样式引入import'taro-ui/dist/style/index.scss'即可
风雪之隅_b6f7·2024-02-09 18:55

AngularCLI自定义主题

AngularCLI自定义主题（一）1.自定义主题1.创建自定义主题文件theme.scss1.1.1引入自定义主题支持和material公用的主题风格//引入material自定义主题支持@import
weixin_45044818·2024-02-09 09:16

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2
吃肉肉不吃肉肉·2024-02-09 08:42

webpack与vue-cli

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

elementUI radio修改单选框多选框选中样式及自定义其他样式

这是官方组件的显示效果，项目效果需求如下图找了很多资料，最后终于解决了，边看代码边解释吧：```css这里的.right是我自定义的类名，父盒子，我的单选组是直接放在这个盒子里面的，下面的写法是vue的scss
前端攻城狮路飞·2024-02-08 11:02

【学习笔记】Vue.js - 一个构建数据驱动的web界面的渐进式框架

命名格式命名法适用范围camelCase变量、参数、函数、方法、方法属性、id、空间PascalCase类、枚举、Vue组件kebab-casehtml文件、标签、元素属性、选择器underline_casecss/scss
shawxlee·2024-02-08 10:54

vue-cli引入Element Plus（element-ui），修改主题变量，定义全局样式

ElementPlus-Theworld’smostpopularVue3UIframework1、安装element-plusnpminstallelement-plus--save2、src/assets/styles下新建一个scss
shawxlee·2024-02-08 10:53

HTML与CSS之CSS的基本使用

CSSCSS（英文全称：CascadingStyleSheets）层叠样式表,是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
一纸油伞·2024-02-08 00:13

前端开发：（三）CSS入门

1.介绍CSS1.1什么是CSSCSS（CascadingStyleSheets）是一种用于描述文档样式和布局的样式表语言，用于美化和排版HTML和XML等标记语言的内容。
星光闪闪k·2024-02-07 23:05

react 使用react-seamless-scroll实现无缝滚动

react-seamless-scroll无缝滚动案例介绍3.react项目集成3.1项目引入`cssSeamlessScroll`滚动组件3.2完整代码3.2.1newBet.tsx代码3.2.2index.module.scss1
范特西是只猫·2024-02-07 19:10

vue3+Element-plus el-pagination分页组件英文如何转换为中文

/assets/main.scss'//自己的样式尽可能的往下放import*as
张小瑜·2024-02-07 16:00

前端工程化之：webpack3-4(css in js)

一、cssinjscssinjs的核心思想是：用一个JS对象来描述样式，而不是css样式表。
小李老笨了·2024-02-07 10:58

【项目实战】sass使用基础篇（上）

CSS预处理语言有Scss(Sass)和Less、Postcss。Scss和Sasssass一开始用的是一种缩进式的语法格式采用这种格式文件的后缀名是.sas
monkeysoft·2024-02-07 09:30

使用vite创建vue+ts项目，整合常用插件（scss、vue-router、pinia、axios等）和配置

一、检查node版本指令：node-v为什么要检查node版本？Vite需要Node.js版本18+，20+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。二、创建vite项目指令：npmcreatevite@latestvue-ts-app----templatevue-ts参考vite官网模板(template)：:::infova
留白声·2024-02-07 07:56

react中jest配置，解决node_modules报错esm无法解析的问题

(css|less|scss|sss|styl)$":"jest-css-modules"}并安装jest-css-modules（npmi--save-devjest-css-modules）module.exports
after you·2024-02-07 05:35

sass 内置函数 - 颜色

sass内置函数-颜色参考scss官网sass:color获取颜色单个值1.alpha($color)返回值：返回传入的color的透明度alpha的值（0-1之间的数字）内置方法的定义color.alpha
陌上无人花自开否·2024-02-06 07:30

Webpack的loader是什么

webpack自带的打包器只能支持JS文件当我们想要加载css/less/scss/stylus/ts/md文件时，就需要用到loaderloader的原理就是把文件内容包装成能运行的JS比如加载css
Repeater、·2024-02-06 06:38

scss和less的区别

Sass(Scss)、Less都是CSS预处理器，他们定义了一种新的语言，其基本思想是，用一种专门的编程语言为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS
Repeater、·2024-02-06 06:38

Vue-easy-tree封装及使用

main.js中引入importVueEasyTreefrom"@wchbrad/vue-easy-tree";import"@wchbrad/vue-easy-tree/src/assets/index.scss"Vue.use
qq_42753983·2024-02-05 15:51

你必须知道的CSS盒模型

一、css盒子模型概念CSScss盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
前前前端小飞·2024-02-05 10:16

Tailwind CSS

动态属性用优点不用命名样式不用想并不重要的CSS变量名缺少命名逻辑不用撰写维护和模板【对应的独立css块】不用不停滚动屏幕切换鼠标光标位置【vue】打包后的css文件占用空间变小：因为在class上原子化cssCSS
参宿7·2024-02-05 08:45

前端总结：CSS/js 踩过的坑以及一些冷知识(永久更新)

img)2、内层margin≠外层padding3、js修改className4、垂直居中5、再说居中6、关于float7、关于position8、html/js9、关于图片的max-height问题csscss
liberg·2024-02-05 06:11

React中css-in-js的使用

简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些css，scss或less之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义
月光晒了很凉快·2024-02-05 03:45

【styled-components】css-in-js 热门库

简单来说css-in-js就是将应用的css样式写在JavaScript文件里面，而不是独立为一些css、scss或less这类的文件，这样你就可以在css中使用一些属于js的如模块声明、变量定义、函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义
一颗不甘坠落的流星·2024-02-05 03:14

css-in-js

简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些css，scss或less之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义
大聪明码农徐·2024-02-05 03:14

CSS-IN-JS

CSS-IN-JS为什么会有CSS-IN-JSCSS-IN-JS是web项目中将CSS代码捆绑在JavaScript代码中的解决方案。
pray Serendipity·2024-02-05 03:44

vue学习——集成sass

安装pnpmisasssass-loader-D在vite.config.ts文件配置:exportdefaultdefineConfig({css:{preprocessorOptions:{scss
可乐KL·2024-02-04 12:49

Html5个人笔记总结

HTMLXHTMLCssCss3JavaScriptJQueryHTML53,HTML5新特性？
孙玉凯·2024-02-04 07:57

指令实现element弹窗的全屏与移动

/drag.scss");letvalue=(el,binding)=>{console.log("绑定的值：",binding);//弹窗letdialog=document.getEl
无知的小菜鸡·2024-02-03 21:35

SASS 官方文档速通

二.语法格式.scss拓展名：在CSS3语法的基础上进行拓展。.sass拓展名：用“缩进”代替“花括号”，用“换行”代替“分号”。
yqcoder·2024-02-03 20:18

webpack详解

现在的前端网页功能丰富，特别是SPA（singlepagewebapplication单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决Scss，Less……新增样式的扩展写法的编译工作
前端你鹏哥·2024-02-03 12:08

SCSS 文件里的感叹号用法 - 给变量设置默认值

如下图所示：$useTabsOnPDP:false!default;https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean含义如下：!default在BootstrapSass中经常使用。它类似于反向!important。所有Bootstrap变量都使用!default设
JerryWang_汪子熙·2024-02-03 11:24

品优购项目实战

创建文件夹以及文件名称说明shoping项目文件夹images样式类图片文件夹css样式文件夹upload产品类图片文件夹fonts字体类文件夹js脚本文件夹首页index.htmlCSS初始化样式文件base.cssCSS
guai_guai_guai·2024-02-03 03:17

Sass(Scss)、Less的区别与选择 + 基本使用

Sass(Scss)、Less的区别与选择+基本使用Sass(Scss)、Less都是CSS预处理器，他们定义了一种新的语言，其基本思想是，用一种专门的编程语言为CSS增加了一些编程的特性，将CSS作为目标生成文件
safe030·2024-02-02 18:45

Less 与 Sass 区别

Less与Sass区别1.底层实现less基于javascript（客户端）,文件拓展名.lesssass基于ruby（服务端）,文件拓展名.scss2.变量、作用域、插值less使用@标识符，在字符串中使用
桃花糖水深千尺·2024-02-02 10:58

vue+element 换肤功能

1.首先建深色和浅色两个主题样式变量样式表，样式表名和按钮中传入的值一样，本例中起名为default.scss和dark.scss2.在data中定义主题变量名zTheme:‘defalut’，默认引用
~张小八~·2024-02-02 00:58

Vue覆盖子组件的样式

这个时候我们可以在子组件的选择器前加一个深度选择器（/deep/）如下：/deep/.el-son{/*要覆盖的样式*/}有个需要注意的地方：在使用了/deep/深度选择器后在标签里面指定了lang="scss
寂夜江潮·2024-02-01 18:33

vue组件样式覆盖

/styles/index.scss'...方式二：组件内样式隔离React项目使用的是用的是CSSModule，Vue项目使用Scoped标记。保证样式
史学娇·2024-02-01 18:29

（疑惑与解答）关于IDEA使用git提交项目很慢

文件数量足足有进五千多，commit到本地仓库时变的特别慢，特别是碰到*.css或者*.scss这样的文件。网上看了一大堆方法也没能解决问题，又因为是老项目，所以也不敢忽略依赖。
玻璃瓶和纸飞机·2024-02-01 17:00

vite搭建完整项目

目录一、创建项目二、scss安装三、安装路由一、创建项目1.选择一个你常用的命令进行安装npmcreatevite@latestyarncreatevitepnpmcreatevitebunxcreate-vitetips
一只大黑洋·2024-02-01 11:26

less或scss中@mixin的用法

一、mixin是什么？@mixin是一种简化代码的方法，能够提高代码的重复使用率。二、mixin的用法mixin定义（使用@mixin定义）：@mixinhexagon-generator($hexagon-width,$factor,$border-radius){display:inline-block;border-radius:50%;width:($hexagon-width+$bord
哈雷_瑞星·2024-01-31 18:01

【Java之css】

CSSCSS的引入方式方式一：直接在html的标签上加入style属性，多个样式用分号分割方式二：写在Head标签里面，用一个style标签包裹（当下的主流）方式三：用链接导入外部的文件CSS的选择器标签选择器
Bigcoding·2024-01-31 14:09

uniapp如何安装uview

一统江湖-DCloud插件市场没有的登录的就先登录导入成功后，可见2.添加配置main.jsimportuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)uni.scss
睿麒·2024-01-31 07:21

Sass 和 Compass小结

Sass简介Sass的SCSS语法是CSS3语法的一个超集，传统的CSS重复的工作太多，而Sass可以帮助我们减少重复劳动，当然Sass的作用远不止这个。
Ertsul·2024-01-31 03:11

小程序button按钮

实现样式代码实现wxmljscss样式
生活码农·2024-01-30 16:02

uniapp如何引入uview组件？

目录1.引入前准备2.在项目中引入组件1.mian.is文件2.uni.scss文件3.App.vue文件4.pages.json文件3.测试成功1.引入前准备为了方便我们在制作项目的过程中，方便使用模板组件
秃头馒头·2024-01-30 10:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他