用户25577885081

通过对axios的二次封装 避免重复请求，提升运行效率，适用于获取对实时性要求不高的数据。 实现思路 具体实现...

通过对axios二次封装 目的 避免重复请求，提高运行效率，在全局统一处理减少代码量 实现思路 具体实现 取消请求的API...

前端代码风格化 采用AI＋eslint＋Prettierrc＋husky+lint-staged＋eslint-config-prettier＋git对代码进行风格化管理...

目的 根据不同的用户来设置，按钮或组件的隐藏、禁用或删除 实现思路 具体代码 定义全局指令 @/directive/permission.js 注册全局指令 main.js...

实现思路 技术实现 VUE3 路由入口 路径：@/router/index.js 动态路由 路径：@/router/utils/dynamic_router.js 静态路由...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

SCSS自定义函数 在 SCSS 中， @function 允许你自定义函数，用来封装一段计算逻辑并返回一个具体的值（如颜色、数字、字符串等）。这可以让你将常用的计算过程抽...

SCSS三元函数 语法 scss代码 $condition：布尔表达式 $if-true：条件为真时返回的值 $if-false：条件为假时返回的值 示例： scss代码 ...

SCSS中的数据类型 数字（带或不带单位） 字符串(有引号或没引号) 颜色(十六进制、rgb、hsl等) 布尔值(true/false) 空值(null) 列表(用空格或逗...

SCSS控制指令 @if/@else if/@else 条件判断 scss代码 css代码 @for循环 注意范围 只能写数字 scss代码 css代码 @each 遍历列...

SCSS中的插值语法 使用#{}将变量插入选择器、属性名 或 字符串中。 scss代码 css代码。...

SCSS中的&(选择器) &相当于当前选择器 例如： scss代码 css代码 &选择器的具体用法。...

SCSS中的运算符 例如：+、-、*、math.div()或/和%。分别是加，减，乘，除，取余 ()提高优先级 scss代码 css代码...

SCSS扩展与继承 扩展就相当于定义了一个代码块 可以使用继承引入 特性：如果有多个选择器使用了同一个的扩展 会将这些选择器用并级选择器选中 scss代码 css代码...

mixin(混入) 相当于创建了一个可接收参数的代码块 引入后代码块中的内容会自动放到引入位置 scss代码 css代码...

SCSS模块化 随着项目的规模越来越大，单个scss文件中的代码就会越来越多 这时候我们就可以使用scss模块化将单个scss文件中的代码进行拆分 最终引入到一个scss文...

SCSS选择器嵌套 scss选择器可以像html结构那样嵌套 示例： scss代码 nav{ ul{ margin:0; padding:0; list-style:non...

SCSS变量定义 SCSS使用$符号来定义变量 示例： SCSS代码 $font-stack:Helvetica,sans-erif; $primary-color:#33...