一、Scss
1.CSS有几个缺点
• 语法不够强大，没有变量和合理的样式复用机制
• 使得逻辑上相关的属性值必须以字面的形式重复输出，难以维护
• 动态的样式语言为css富裕了动态语言的特性
• 极大的提高了样式语言的可维护性
常见的样式语言：
1.scss/sass（scss兼容sass,scss更接近css的语法格式）
2.stylus
3.less
动态语言------css预处理-
Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。安装npm install -g sass
sass --version编译注意测试文件目录位置和命令行新建 index.scss 1）编译单个文件sass index.scss:index.css2）编译到xx文件夹目标文件没有的话会新建sass 源文
转载
2024-09-22 19:39:14
170阅读
# SCSS 和 JavaScript Enabled 的作用
在现代前端开发中，样式与功能的互动越来越重要。SCSS（Sassy CSS）是一种 CSS 扩展语言，它允许我们使用更复杂的样式定义，同时还支持变量、嵌套和其他高级特性。与之并行的，JavaScript 是实现网页动态交互的主力军。本文将探讨 SCSS 和 JavaScript 如何结合使用，特别是如何利用 `javascripte
原创
2024-08-19 03:14:26
364阅读
1.Document的一些特殊属性 document.lastModified
document.URL
document.title
document.referrer
document.domain
document.write()
document.writeIn() 2.查询选取的文本 使用鼠标mouseup事件 3.浏览器定义了多项
转载
2023-06-16 21:39:32
68阅读
项目搭建demo: https://github.com/ght5935/antd-dva-less-webpack一:roadhog roadhog 是一个 cli 工具，提供 server、 build 和 test 三个命令，分别用于本地调试和构建，并且提供了特别易用的 mock 功能。命令行体验和 create
JS调用C#方法,JS与C#的交互,WebBrowser
1. WebForm后台js调用客户端程序C#方法 以下示例实现Winform中向一个Web页面发起请求，有Web页面从数据库查询部门数据，并加载到Winfrom程序的TreeView控件中。1.1 Helper类：提供方法调用实现
转载
2023-08-17 23:18:05
54阅读
如何实现“javascriptEnabled”
作为一位经验丰富的开发者，教导刚入行的小白如何实现“javascriptEnabled”是一项重要任务。在本文中，我将向你介绍整个实现过程，并提供每个步骤所需的代码和注释。
步骤概览：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个新的JavaScript文件 |
| 2 | 在HTML文件中引入JavaScrip
原创
2024-01-16 08:39:44
126阅读
浏览器对象windowwindow对象不但充当全局作用域，而且表示浏览器窗口。它有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。对应的还有outerWidth和outerHeight属性，可以获取整个浏览器窗口的宽高。navigatornavigator对象表示浏览器的信息，最常用的属性
#####安装依赖； cnpm i sass-loader -D cnpm i node-sass -D node-sass尽量去使用cnpm去安装 创建index2.scss文件 div { h2 { background: pink; } } ####在main.js中引入 import "./
原创
2022-09-01 17:38:57
172阅读
操作函数1、for循环@for … from … through@for $var from <start> through <end> // 范围包括<start>和<end>的值1@for … from … to@for $var from <start> to <end> // 范围包括<start>,不包括
转载
2024-06-05 11:01:02
586阅读
本项目中的公共样式文件均位于 src/assets/css 目录下，其中 index.scss是总的样式文件的汇总入口 ，common.scss 是供全局使用的一
推荐
原创
2023-10-22 20:59:37
5570阅读
1. 样式文件目录介绍
本项目中的公共样式文件均位于 src/assets/css 目录下，其中 index.scss是总的样式文件的汇总入口 ，common.scss 是供全局使用的一些基本样式(常量）， _theme.scss、_handle.scss 两个文件是进行主题颜色配置的文件。
如下图，将 index.scss 在 main.js 文件中引入即可全局使用。.
2. 主题 sc
原创
2023-10-20 22:04:50
571阅读
javascript使用 Not everyone has JavaScript available in their web browser and a number of those who are using browsers where it is available have it turned off. It is therefore necessary that your web p
转载
2024-08-16 20:47:39
73阅读
有时往往需要一些全局样式，但用@import导入未免麻烦，这时可以使用vue插件style-resources-loader。 默认情况下 Vue.js 是不支持 Sass、Scss 的，如果想要使用它们，只需要一些简单的安装配置即可。 1、安装node-sass和sass-loader npm i ...
转载
2021-08-14 10:41:00
2915阅读
2评论
1.先安装easy scss 2.项目里建立.vscode文件夹,文件夹里面创建文件 settings.json 附带
转载
2020-02-12 14:32:00
360阅读
2评论
vue3+vite项目引入SCSS及使用SCSS全局变量场景：vue3+vite项目引入SCSS—安装安装 scss :vue3 好像不需要再使用 node-sassnpm i sass sass-loader --save-dev安装至 开发依赖 即可在 vite.config.js 中配置 scss 的全局变量 使用需要在 项目 文件中 先 创建 全局变量 文件目录为：@/assets/sty
先安装插件 创建.vscode文件夹 创建settings.json 配置内容如下:
原创
2021-08-05 15:51:41
262阅读
npm install sass-loader node-sass --save-dev
原创
2022-05-30 11:58:08
1067阅读
We'll define the color palette and create the basic screen styles for our project in addition to Sass helpers for our form design system.We will set up Sass variables for the initial them and learn ho
转载
2021-03-03 12:51:14
829阅读
2评论
定义和用法：overflow属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为scoll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。 overflow属性值1、visible：默认值。内容不会被修剪，会呈现在元素框之外。2、hidden：内容会被修剪，并且其余内容是不可见的。3、scroll
转载
2024-02-26 19:19:59
81阅读
