Sass @if @else if @else 条件判断用法

萤炬博客

工具站

Bing

登录

零号位

来点灵感

Sass @if @else if @else 条件判断用法

零号位

来点灵感

博客文档
- 前端
  - JS
    - 基础知识
      - JavaScript 变量声明带 var 与不带 var 的区别
      - JavaScript 继承详解：原型链继承等实现方式
      - JavaScript 抽象语法树 AST 是什么
      - JavaScript apply、call 和 bind 用法详解
      - JavaScript 词法作用域详解与变量查找机制
      - JavaScript 作用域详解：全局、函数与块级作用域
      - JavaScript 变量提升与函数提升详解
      - JavaScript 内存溢出与内存泄漏详解
      - JavaScript LHS 与 RHS 查询异常及严格模式解析
      - JavaScript 最小特权原则详解与应用场景
      - JavaScript ES6 let 与 const 用法详解
      - JavaScript 闭包详解：原理、作用与产生条件
      - JavaScript 作用域中的 LHS 与 RHS 查询
      - JavaScript 浅拷贝与深拷贝详解及实现
      - JavaScript 作用域嵌套与作用域链详解
      - JavaScript ES6 块级作用域详解与使用场景
      - JavaScript 原型与原型链详解
      - JavaScript new 关键字详解与实现原理
      - JavaScript 编译原理详解：解析、转换与代码生成
      - JavaScript this 指向全面解析与绑定规则
    - 数据结构
      - JavaScript null、undefined 与 undeclared 区别详解
      - JavaScript toString 方法与判断数据类型
      - JavaScript Reflect 反射对象方法详解
      - JavaScript 条件判断 if 与 switch 用法
      - JavaScript Proxy 代理拦截对象操作详解
      - JavaScript 包装对象 Number/String/Boolean 详解
      - JavaScript 数据类型与 null、undefined 区别
      - JavaScript Boolean 布尔值详解与类型转换
      - JavaScript String 字符串类型详解
      - JavaScript instanceof 原理与手写实现
      - JavaScript typeof 操作符返回值详解
      - JavaScript BigInt 大整数类型详解
      - JavaScript 常用转义字符一览
      - JavaScript valueOf 方法返回值详解
      - JavaScript 类型转换：显式与隐式转换规则详解
      - JavaScript class 类语法入门
      - JavaScript Date 对象创建与用法详解
      - JavaScript constructor 属性与原型详解
      - JavaScript Symbol 数据类型详解
      - 数值相关
        JavaScript Math 对象属性与方法详解
        JavaScript Number 数值类型详解与精度问题
        JavaScript Infinity 无穷大详解与运算规则
        JavaScript NaN 详解：含义与运算规则
        JavaScript parseInt 与 parseFloat 用法详解
      - 函数相关
        JavaScript 函数声明、属性与参数传递详解
        JavaScript 构造函数与 new 创建实例对象
        JavaScript new Function 构造函数与作用域
        JavaScript 箭头函数用法详解
        JavaScript 立即执行函数 IIFE 与匿名函数用法
        JavaScript arguments 对象详解与转数组方法
        JavaScript eval 函数用法与词法作用域
      - 数组集合
        JavaScript 类数组对象详解与转数组方法
        JavaScript Set 集合去重与实例方法详解
        JavaScript WeakMap 与 Map 的区别详解
        JavaScript 数组 Array 方法大全与用法详解
        JavaScript WeakSet 用法与弱引用详解
        JavaScript Map 数据结构详解与常用方法
      - object
        JavaScript Object 对象是什么及键值对详解
        JavaScript Object 对象属性与方法 API 详解
        JavaScript Object.assign 对象合并与拷贝详解
        JavaScript Object.create 创建对象与原型详解
        JavaScript Object.is 判断值相等详解
        JavaScript Object.defineProperty 属性描述符详解
      - 循环
        JavaScript 数组 forEach 方法遍历详解
        JavaScript for 循环语法与用法详解
        JavaScript continue 关键字用法详解
        JavaScript for of 循环遍历可迭代对象详解
        JavaScript for in 循环遍历对象属性详解
        JavaScript while 循环用法详解
        JavaScript do while 循环用法详解
        JavaScript break 关键字用法详解
        JavaScript Iterator 遍历器接口原理详解
        JavaScript 数组 map 方法用法详解
    - 内置对象API
      - JavaScript DOM 节点插入：appendChild、append、insertBefore
      - JavaScript 页面滚动 API scrollTo 与 scrollIntoView
      - JavaScript ES6 模板字符串用法详解
      - JavaScript Element 元素 API：closest、getAttribute
      - JavaScript Error 对象与全局错误捕获 onerror
      - JavaScript let 与 const：块级作用域与暂时性死区
      - JavaScript document 对象与 DOM 操作 API 详解
      - JavaScript addEventListener 事件监听与冒泡捕获详解
      - JavaScript innerHTML、textContent 与 innerText 区别
      - JavaScript DOM 节点操作与 Node、NodeList 详解
      - JavaScript localStorage 与 sessionStorage 详解
      - JavaScript 自增自减运算符 ++/-- 前置后置区别
    - ES6
      - ES6 export default 默认导出用法
      - ES6 export 命令导出模块接口用法
      - JavaScript Promise 异步编程详解与实战
      - ES6 对象扩展运算符用法详解
      - ES6 import 命令加载模块用法与注意点
      - ES6 解构赋值详解：数组、对象与默认值
    - 模块化
      - CommonJS 模块规范详解与特点
      - JavaScript 模块化：ES6 与 CommonJS 差异对比
      - JavaScript 模块编译时加载与静态分析
      - 前端模块化：AMD 与 CommonJS 加载对比
    - 提升
      - JavaScript 事件循环 Event Loop 机制
  - HTML
    - HTTP Cookie 详解：Set-Cookie、属性配置与封装
    - HTML aria 属性与 WAI-ARIA 无障碍详解
    - HTML tabindex 属性详解与键盘聚焦顺序
    - sessionStorage 多 Tab 页面数据是否互通
    - HTML DOCTYPE 是什么及常见声明详解
    - HTML no-referrer 导致百度统计失效与 Referrer-Policy 详解
    - HTML title 全局属性用法与换行技巧
    - HTML input 输入法联想取值问题与 compositionend 解决
    - meta元数据
      - HTML meta X-UA-Compatible 的用处与 IE 兼容模式
      - 移动端 viewport 视口与像素（DPR、2倍图）详解
  - CSS
    - CSS animation 动画属性详解
    - CSS filter 滤镜属性简介
    - CSS 属性计算值（computed value）详解
    - CSS 媒体查询 media 响应式布局示例
    - CSS 自定义滚动条样式的方法
    - CSS 伪类详解：状态与结构选择器
    - CSS 替换元素与非替换元素详解
    - CSS text-overflow 文本溢出省略号用法
    - CSS 盒子模型：标准盒模型与 IE 盒模型区别
    - CSS 滚动条淡入淡出效果实现技术方案
    - CSS transform scale 缩小字体位置偏移解决方法
    - Less 嵌套与父选择器 & 用法示例
    - CSS 行内元素与块级元素的区别
    - CSS white-space 空白处理属性详解
    - JavaScript 获取元素宽高的 API 详解
    - CSS 伪元素详解：before、after 与 content
    - CSS Flex 布局详解：flex-grow、flex-shrink、flex-basis
    - CSS background 背景属性全解（position、size、repeat）
    - CSS 文本溢出省略号颜色控制方法
    - CSS 属性继承：可继承与不可继承属性大全
    - CSS font-size 字体大小与实现小于 12px 字体
    - sass
      - Sass @function 自定义函数用法
      - Sass math 数学函数用法大全
      - Sass @if @else if @else 条件判断用法
      - Sass inspect 函数：查看值与 Map 内容
      - Sass 比较与逻辑操作符（and、or、==）用法
      - Sass Map 用法：get、set、merge、deep-merge 等函数
      - Sass @use 与 @import 的缺点
      - Sass mix 颜色混合函数用法
      - Sass 变量：全局、局部、!global 与 !default
      - Sass List 列表用法：append、join、nth 等函数
      - Sass string 字符串函数用法大全
  - VUE
    - 基础
      - Vue 生命周期钩子详解
      - Vue 模板语法基础：动态参数与防抖节流
      - Vue scoped 样式作用域隔离的实现原理
      - Vue v-model 表单绑定与 lazy/number/trim 修饰符
      - Vue 事件处理：v-on 与事件修饰符详解
      - Vue 组件基础：v-model、插槽与动态组件
      - Vue2.7 + Vue Macros 使用 Vue3 语法的迁移实践
    - api
      - Vue3 响应式原理
      - Vue computed 与 watch 的区别及 watchEffect 用法
      - Vue emit 子组件向父组件传值示例
      - Vue3 h 函数与 TSX 渲染函数写法
      - Vue3 provide/inject 依赖注入与 readonly 用法
      - Vue 常用指令与语法糖：v-if/v-show、v-for、v-model
      - Vue3 ref 系列 API：unref、toRef、customRef、shallowRef
      - Vue 虚拟 DOM 与 diff 算法原理（手写 snabbdom）
      - Vue3 setup 函数详解与 attrs、useAttrs 用法
      - Vue3 InjectionKey 为 provide/inject 提供类型
      - Vue3 响应式 API：reactive、readonly、toRaw 详解
      - Vue v-bind 绑定多属性与属性覆盖顺序
      - Vue props 传递对象与数组的引用注意事项
      - Vue 样式穿透 deep 的使用方法
      - Vue3 createApp 创建应用实例
      - Vue slot 插槽用法：具名插槽与作用域插槽传参
    - vue-router
      - Vue Router 路由导航与守卫完整用法详解
    - vue-types
      - Vue vue-types 类型验证与组合验证器用法
      - Vue vue-types 基础用法与 Props 类型校验
    - vuex&pinia
      - Vue Vuex 状态管理流程
      - Vue Pinia 使用 $patch 整体更新 state 数据
      - Vue Pinia 状态管理入门资源
    - 其他
      - Vue 相关依赖包 compiler-sfc 与 plugin-vue 说明
      - Vue CLI 查看项目 Webpack 配置的方法
    - vue2
      - Vue3 keep-alive 下 watch 只在当前路由触发的方法
      - Vue2 初始化与响应式原理实现流程
    - vue3源码学习
      - Vue3 reactive 代理与依赖收集完整流程
      - 命令式与声明式编程范式对比
      - Vue3 源码：运行时与编译时的区别及设计原理
      - Vue3 响应式：什么是副作用（setter/getter）
      - Vue3 源码框架概述：响应性、运行时与编译器
      - 响应式系统
        Vue3 响应式实现：Proxy 与 defineProperty 对比
        Vue3 响应式原理：JavaScript 的程序性
      - reactive
        Vue3 源码：reactive 依赖收集与触发流程
        Vue3 源码：computed 计算属性缓存实现原理
        Vue3 源码：render 渲染与 diff 算法解析
        Vue3 源码：watch 监听实现原理解析
        Vue3 源码：ref 实现原理与 RefImpl 解析
      - components实现流程
        Vue3 源码：render 与组件挂载 setupComponent 流程
        Vue3 源码：createApp 与 mount 挂载实现流程
        Vue3 源码：index.html、App.vue 与 main.js 入口解析
        Vue3 源码：createVNode 创建虚拟节点实现
  - vite
    - Vite 插件 transformIndexHtml 钩子用法详解
    - Vite 报错 base option should end with a slash 解决方法
    - Vite 依赖预编译（Pre-Bundling）原理与源码分析
    - Vite 中 Vant2 组件库按需加载自定义 Resolver 实现
    - Vite 全局注入 Less 变量：modifyVars 与 additionalData 区别
    - unplugin-auto-import 自动导入插件配置详解
    - vite-pwa插件分析
      - vite-plugin-pwa 源码分析：主入口与插件结构
  - Uniapp
    - UniApp vue.config.js 配置注意事项与 vue-cli 创建项目
  - 小程序
    - 微信小程序常用官方文档地址汇总
    - 微信小程序 AppID 信息记录
  - node
    - npm 包版本号符号 ^ ~ x 详解
    - nvm 安装与常用命令详解（Mac/Windows）
    - Volta 安装与使用：Node.js 版本管理器
    - npm publish 不走代理很慢：设置 npm proxy 解决
    - Node.js path 模块常用 API：resolve、cwd 与 __dirname
    - npm 发布包知识点：login、publish、version 与镜像源
    - Node.js 报错 digital envelope routines unsupported 解决
    - npm 生命周期钩子 pre 与 post 用法
    - npm 安装 Puppeteer 缓慢的解决方法
    - npm 包快速同步至淘宝镜像源的方法
    - npm 镜像源查看与设置方法
  - TypeScript
    - tsconfig isolatedModules 编译属性详解
    - tsconfig include、exclude 与 files 详解
    - tsconfig target 编译属性详解
    - TypeScript reference 三斜线指令详解
    - TypeScript tsconfig lib 配置指定引入库文件
    - tsconfig strict 严格模式配置详解
    - tsconfig module 编译属性详解
    - TypeScript tsconfig skipLibCheck 跳过声明文件检查加速编译
    - TypeScript tsconfig references 项目引用配置详解
    - TypeScript Pick 提取多个属性的用法
    - TypeScript 模块概念与 export import 用法
    - tsconfig esModuleInterop 属性详解
    - tsconfig noEmit 与 noEmitOnError 配置详解
    - TypeScript 枚举 enum 详解
    - TypeScript 命名空间 namespace 用法详解
    - TypeScript 常用基础类型详解
    - TypeScript 声明文件与 declare 用法
    - TypeScript tsconfig forceConsistentCasingInFileNames 强制文件名大小写一致
    - tsconfig jsx 属性配置详解
    - tsconfig preserveValueImports 属性详解
    - tsconfig useDefineForClassFields 属性详解
    - tsconfig importsNotUsedAsValues 属性详解
    - TypeScript 为什么要使用及类型检查优势
    - tsconfig moduleResolution 模块解析策略详解
    - TypeScript 必传属性未传终端不报错的解决
    - tsconfig types 与 typeRoots 配置详解
  - git
    - Git 查看配置信息：系统、全局与本地
    - WebStorm Git 一直显示 rebasing 的解决办法
    - Git 分支操作命令大全：创建、切换、合并与删除
    - Mac 安装与更新 Git 及 Homebrew 换源
    - Git 手动改 config 后 WebStorm 未识别分支的解决
    - Git 配置 alias 命令别名的方法
    - Git pull push 免输入账号密码的配置方法
    - Git 放弃本地修改强制拉取远程更新
    - Git submodule 子模块添加拉取更新与移除详解
    - Git push 推送分支到远程仓库详解
    - Git autocrlf 拉取代码换行符 LF 与 CRLF 设置
    - Git 重命名本地与远程分支的方法
    - GitHub 提交 Pull Request 的完整流程
    - Git add 添加文件到暂存区详解
    - Git commit 用 --no-verify 跳过 hooks 检测
    - Git clean 清除未跟踪文件详解
    - Git log 查看提交历史与分支合并图详解
    - Git 设置用户名和邮箱账户配置
    - GitHub 访问慢：修改 hosts 加速的方法
    - Git Bash 隐藏用户名和计算机名的方法
    - Git rebase -i 合并多次提交的方法
    - Git merge 分支合并与 --no-ff 冲突处理详解
    - Git cherry-pick 转移提交到其他分支详解
    - Git 合并后报错 Merge conflict marker encountered 解决
    - Git 推送提示需用 token 登录的解决办法
    - Git 报错 fatal 未知的索引条目格式解决办法
    - Git 忽略本地修改 assume-unchanged 与 skip-worktree
    - Git pull 与 fetch 拉取合并代码详解
    - Jenkins 更新 Git submodule 报错 404 的解决办法
    - Git reset 版本回退与撤销 commit 详解
    - Git 切换分支时本地有未提交修改的处理
    - Git 删除已提交的文件夹（rm --cached）
    - Git gc 报错 Could not read 0000 的解决办法
    - Git 开启代理后拉取提交仍慢的解决办法
    - Git gitignore 添加规则无效的解决办法
    - GitHub SSH 拉取代码慢用 443 端口加速
    - Git stash 暂存与恢复未提交修改详解
    - Git remote 远程仓库管理命令详解
    - Git fetch 从远端刷新本地分支 commit 记录
    - Git clone 与 init 命令详解及工作区状态图
    - Git 配置 SSH key 拉取代码完整教程
    - Mac 一直弹出 git credential osxkeychain 的解决
    - Git 报错 local changes would be overwritten by merge 解决
    - Git commit 提交详解及 -m 与 -am 区别
  - 其他
    - Stylelint 安装与配置：standard、prettier、order 插件
    - Node.js Mock 服务依赖包安装清单
    - Node.js colorful 终端彩色输出用法
    - npm-check-updates（ncu）升级依赖命令详解
    - iOS 常用 App URL Scheme 大全（支付宝、微信、QQ 等）
    - Stylelint 规则配置与禁用规则的写法
    - Node.js inquirer 命令行交互提示用法详解
    - JavaScript void 0 是什么及其作用详解
    - Yarn 安装与配置镜像源方法
    - EditorConfig 配置详解与常用规则
    - Lerna init 初始化 monorepo 项目
    - 前端请求跨域：Access-Control-Allow-Headers 报错解决
    - ncu -u 拉取包超时的解决方法
    - Prettier 配置参数详解与命令行用法
    - package.json 配置字段详解大全
    - Node.js chalk 终端彩色输出使用方法详解
    - 微信 H5 开发：获取 access_token 接口地址
    - SVN 常用命令：安装、拉取代码与带账号密码 checkout
    - lint-staged 忽略指定文件的配置方法
    - Node.js chalk 终端颜色与修饰符参数速查
    - eslint
      - ESLint .eslintignore 忽略规则与包含例外文件写法
      - ESLint + TypeScript + Prettier 相关包与命令行详解
  - 打包工具
    - webpack
      - Webpack 打包样式资源：style-loader 与 css-loader
      - Webpack devServer 代理 Cookie 域名重写
      - Webpack 简介：核心概念与开发环境基础配置
    - gulp
      - gulp-imagemin 图片压缩安装与使用
      - gulp-cache 配合 imagemin 缓存图片压缩结果
      - UglifyJS 压缩混淆完整配置与 API 详解
      - Gulp 基础：安装、gulpfile 编写与文件复制
    - rollup
      - Rollup 报错 process is not defined 的解决方法
      - Rollup 基础：全局安装方式
  - windiCss
    - Windi CSS 简介：按需提取原理与 safelist 白名单
    - Windi CSS 交互工具类：光标、选中与指针事件
    - Windi CSS Flex 布局工具类速查
    - Windi CSS 字体与文本工具类速查（含下划线）
    - Windi CSS transition 过渡动画工具类
    - Windi CSS display 工具类简写对照表
    - Windi CSS 其他工具类：定位、层级与 object-fit
    - Windi CSS 外边距与内边距工具类速查
    - Windi CSS 宽高工具类简写与示例
    - Windi CSS 边框工具类：圆角、宽度、颜色与样式
    - Windi CSS transform 工具类：旋转、缩放、位移
  - pnpm
    - pnpm 指定工作目录执行命令（-C / --dir / -w）
    - pnpm patch 给 npm 包打补丁修复 bug
    - pnpm 安装、更新与版本查看
    - pnpm 常用命令速查（add、update）
    - pnpm run 详解与正则批量运行脚本
    - pnpm filter 过滤命令用法（包名、目录、排除）
    - pnpm peerDependencyRules 配置忽略缺失警告
    - pnpm -r 递归执行 workspace 子包命令
    - pnpm 全局安装包报错 pnpm setup 解决
    - Linux 软链接与硬链接的区别及创建方法
    - pnpm 是什么？依赖原理与 monorepo 实战
    - pnpm-workspace.yaml packages 通配符配置详解
  - pwa
    - PWA 基础：Manifest 与 Service Worker 生命周期
- 技术工具
  - mac
    - Mac 下载的软件不在应用程序里的解决办法
    - Mac 让扩展显示屏也显示菜单栏
    - Mac 设置默认浏览器不生效的解决方法
    - Mac 用 Homebrew 安装 telnet
    - Mac 修改系统快捷键解决冲突
    - Mac 终端进入含空格的文件路径
    - Mac 快捷键显示隐藏文件
    - Mac 软件提示已损坏无法打开的解决方法 xattr
    - Mac 微信防撤回 WeChatTweak 安装教程
    - Mac 自动操作自定义程序开启快捷键
    - Mac 切换 bash 后 bash_profile 未生效解决
    - Mac 关闭 mysqld 进程与开机自启
    - Mac 设置显示器关闭但不进入睡眠
    - Mac 微信截图快捷键无法使用的解决方法
    - Mac 初始化配置与 Hammerspoon 快捷键
    - Mac 总提示启动听写的关闭方法
    - Mac 双显示器鼠标切换 Hammerspoon 配置
    - Mac 关闭 Microsoft AutoUpdate 弹框提示
    - Mac 更改系统账户名的安全方法
    - Mac 安装 Homebrew 及代理问题处理
    - Mac 访问 Windows 网络共享文档
    - Mac 设置 alias 命令别名与 zsh 生效配置
    - Mac 修改主机名与本地主机名
  - linux
    - adb 配对 protocol fault 报错解决方法
    - Mac pmset 定时唤醒命令详解
    - Linux curl 命令用法详解
    - adb 无线调试配对连接手机步骤
    - Linux vi 编辑器快捷键操作大全
    - SSH 配置别名快捷免密登录服务器
    - Mac 版 SecureCRT 安装与激活方法
    - Linux chmod 文件权限命令详解
    - Linux 终端常用快捷键大全
    - jenkins
      - CentOS 安装 Jenkins 步骤详解
      - Mac 用 brew 安装 Jenkins
      - Jenkins 插件安装配置路径
    - redis
      - Redis 安装、启动与停止详解
  - 实用技巧
    - 在线视频解析播放工具
    - Gitee 仓库大小超推荐值的 GC 清理方法
    - CSDN 已发布文章切换 Markdown 编辑器
    - 百度搜索资源平台添加站点与验证
    - Netlify 部署托管 GitHub Pages 静态网站
    - Foxmail 配置 QQ 邮箱授权码登录方法
    - Foxmail 配置 QQ 邮箱 SSL 连接错误解决
    - CSDN 文章编辑界面文本批量替换技巧
    - CSDN 上传资源提示已存在的解决方法
  - 开发工具
    - Termius 终端安装与钥匙串密码问题解决
    - Mac 终端工具 Otty 功能介绍与下载
    - Warp 终端工具介绍与官网
    - Clash 配置 ChatGPT 访问规则的方法
    - Mac 自动化工具 Keyboard Maestro 使用教程与下载
    - webstorm
      - WebStorm 输入 $ 自动补全模板字符串
      - WebStorm 设置光标颜色的方法
      - WebStorm GitToolBox 插件显示每行提交信息
      - WebStorm 打开 PDF 改用系统应用程序的方法
      - WebStorm 配置 File Watcher 实现 SCSS 转 CSS
      - WebStorm 无法通过 IP 访问运行的 HTML 页面
      - WebStorm 启动首屏欢迎页设置
      - WebStorm Mac 常用快捷键设置汇总
      - WebStorm Debug 调试固定打开指定本地浏览器
      - WebStorm 搜索替换排除 .git 等指定文件夹
      - WebStorm 配置 DevTools 报错路径快速跳转编辑器
      - WebStorm 粘贴代码 class 被转成 className 的解决方法
      - WebStorm 最新安装激活方法 jetbra
      - WebStorm 开启快速文档提示设置
      - WebStorm 设置 import 引入不省略文件后缀
      - WebStorm 好用的实用插件推荐
      - WebStorm 设置代码注入块颜色
      - WebStorm 系统字体设置与字体推荐
      - WebStorm Code With Me 实现多人远程协同编程
      - WebStorm 设置选中块背景色
      - WebStorm 安装插件识别小程序 rpx 单位
      - WebStorm 设置新建文件自动 git add
      - WebStorm 设置按 Tab 键扩展 Emmet 标签
      - WebStorm 正则替换常用技巧记录
      - WebStorm 目录中 .git 文件夹不显示的解决方法
      - WebStorm 与 ESLint 设置 Vue 模板属性换行不对齐
      - WebStorm 设置方法多参数换行对齐方式
      - WebStorm 通过 ts-node 直接运行 TypeScript 文件
      - WebStorm 设置控制台字体颜色
      - WebStorm 解决代码复制后自动缩进问题
      - WebStorm 设置对象行尾自动加逗号
      - WebStorm 设置注释符后自动加空格
      - WebStorm 修改 TODO 的展示方式
      - WebStorm 忽略 dist 等文件夹不建索引
      - WebStorm 自动合并相同的 import 引入
      - WebStorm 设置 TypeScript 联合类型竖线两侧加空格
      - WebStorm 设置 Less 颜色 ffffff 格式化为 fff
      - WebStorm 设置默认引入的文字颜色
      - WebStorm 配置 Dart Sass 编译 SCSS
      - WebStorm 插件市场搜索无反应的解决方法
      - WebStorm 用 Quick File Preview 实现单击文件预览
      - WebStorm 不识别 .env.development 文件的解决方法
    - cursor
      - 从 WebStorm 转战 Cursor 的配置与插件记录
  - windows
    - Windows 启用 Telnet 功能与退出命令
    - Windows 资源管理器默认打开此电脑设置
    - Windows 用任务计划程序定时运行 bat 脚本
    - Windows 11 打开 IE 浏览器的方法
    - Windows 屏幕最低亮度仍很亮的解决方法
    - Windows Cygwin 使用技巧与 WebStorm 配置
    - Windows 用 sc delete 删除系统服务
    - Windows 笔记本合盖保持热点开启的方法
    - Windows 系统初始化与常用软件安装清单
    - Windows 通过注册表删除 IE 图标
  - 博客相关
    - Markdown 自定义提示容器用法（info/tip/warning）
    - Markdown code-tabs 代码块分组切换用法
    - VuePress Markdown 支持上下角标插件配置
    - Markdown 语法使用技巧大全
    - VuePress Markdown 任务列表插件配置
    - VuePress Vue Playground 交互演示插件配置
    - Markdown tabs 选项卡切换组件用法
    - VuePress Markdown 文本标记插件配置
    - VuePress Markdown 图像增强语法配置
    - VuePress Markdown 段落对齐容器配置
    - vercel
      - Vercel 修改部署分支与关闭分支构建
      - Vercel 使用新版 pnpm 部署报错解决方法
      - Vercel 部署页面刷新 404 的解决方法
      - Vercel 部署静态博客并自定义域名教程
      - Vercel 国内被墙修改 CNAME 域名解析
    - demo
      - VuePress normal-demo 代码演示容器格式
      - VuePress react-demo 代码演示容器格式
      - VuePress Markdown 代码演示功能介绍
      - VuePress vue-demo 容器使用格式
  - chrome
    - Chrome 中 localhost 被强制跳转 HTTPS 解决方法
    - Chrome 总是自动勾选 Disable cache 解决方法
    - Chrome 查看谷歌商店插件源码路径
    - Chrome 禁用下载文件验证拦截的方法
    - Chrome 历史版本下载地址与步骤
    - Chrome 在 Windows 上彻底卸载步骤
    - Chrome Network 面板资源过滤收缩解决方法
    - Chrome 开发者插件账号注册流程
    - Chrome 提示停用开发者模式扩展程序解决方法
    - Mac Chrome 关闭自动更新方法
    - Chrome 安装本地 crx 谷歌插件方法
    - Chrome 用油猴脚本观看免费 VIP 视频
    - Chrome 提示 Slow network is detected 解决方法
    - Gmail 如何配置到 Foxmail
  - 网络相关
    - TCP/IP 协议与 OSI 七层模型详解
    - HTTP 状态码大全：常见状态码含义解析
    - HTTP 缓存详解：强缓存与协商缓存原理
    - 进程与线程、浏览器多进程与 JS Event Loop
    - HTTP 协议详解：连接方式、版本演进与报文首部
    - HTTPS 原理详解：对称、非对称与混合加密
    - DNS 是什么及域名解析查找过程
  - 资源管理
    - DigitalPlat 免费域名申请指南
    - Everything 本地文件搜索工具下载
    - Photoshop 安装注意事项与 Creative Cloud 配置
    - Chrome 油猴脚本插件与常用脚本下载
    - 复制文章内容为 Markdown 的油猴插件
    - 字体文件与实用工具资源下载
    - Chrome 谷歌浏览器录屏插件下载
    - 油猴脚本：复制网页内容为 Markdown 格式
    - Mac 常用软件推荐与下载
  - 其他
    - scrcpy Mac 快捷键大全与手机投屏操作
- 数据结构算法
  - 基础
    - 二分查找算法详解
    - 算法空间复杂度详解与常见示例
    - 数据结构堆详解：最小堆的 JavaScript 实现
    - 数据结构栈详解：JavaScript 实现与应用场景
    - 数据结构字典详解：JavaScript Map 键值对操作
    - 数据结构图详解与基础概念
    - 数据结构队列详解：JavaScript 实现与应用场景
    - 算法时间复杂度详解与常见示例
    - 数据结构集合详解：JavaScript Set 去重与交集
    - 数据结构链表详解：JavaScript 模拟与增删遍历
    - 树
      - 二叉树先中后序遍历：递归与非递归实现
      - 树的广度优先遍历 BFS：JavaScript 实现
      - 数据结构树详解：分层模型与常用遍历
      - 树的深度优先遍历 DFS：JavaScript 实现
  - leetCode
    - LeetCode 删除链表中的节点题解
    - LeetCode 两数之和：JavaScript Map 解法
    - LeetCode 无重复字符的最长子串 JavaScript 滑动窗口题解
    - LeetCode 两数相加：链表模拟加法解法
    - LeetCode 两个数组的交集 JavaScript Set 题解
    - LeetCode 反转链表双指针题解
    - LeetCode 环形链表快慢指针判断题解
    - LeetCode 删除排序链表中的重复元素题解
    - LeetCode 最小覆盖子串滑动窗口题解
    - LeetCode 二叉树的最大深度 DFS 题解
    - LeetCode 二叉树的层序遍历广度优先遍历题解
    - LeetCode 有效的括号 JavaScript 栈实现题解
    - LeetCode 最近的请求次数队列题解
    - LeetCode 二叉树的最小深度 BFS 题解
- 关于
  - 关于我 - 萤炬前端博客联系方式
- 数据库
  - Mac 安装 Navicat 步骤与汉化教程
  - mongoDB
    - MongoDB Mac 下载安装与创建用户使用教程
    - Navicat 连接 MongoDB 配置与报错解决
  - mysql
    - MySQL Mac 安装与启动配置教程
    - MySQL root 密码修改命令
  - postgreSql
    - PostgreSQL Mac 安装、启动与卸载教程
- 面试
  - js相关
    - JavaScript 0.1+0.2 不等于 0.3 的原因与解决
  - css相关
    - CSS 样式优先级规则与示例详解
  - html相关
    - img 标签 alt 与 title 属性的区别
    - HTML 语义化是什么及利于 SEO 的写法
    - 页面大量图片如何优化加载前端面试
    - HTML5 新特性有哪些面试整理
  - 网络相关
    - 从输入 URL 到浏览器渲染页面的完整过程
    - 常见浏览器内核有哪些面试整理
    - HTTP 请求方法 GET 与 POST 的区别
- Vft
  - 开发流程
    - Vue2.7 前端项目技术栈选型路线
    - VFT 项目基本开发流程与 Git 提交规范
- ai
  - claude code
    - Claude Code 安装与使用入门教程
    - cc-switch 安装使用：Claude Code 账号切换
    - Claude Code 插件与 MCP 配置指南
  - vft-kit
    - vft-kit 总览：Claude Code 运维与工具箱插件
    - cc-baseline：Claude Code 装配基线核对与体检
    - cc-backup-restore：Claude Code 配置备份与恢复
    - plugin-refresh：Claude Code 插件缓存刷新方法
    - fe-auto-test：Playwright 前端验证与 Lighthouse 体检
    - co-infographic-generator：HTML 信息图生成工具
    - git-auto-push：Git 绕过 hooks 提交推送
    - vue-sfc-split：Vue 巨型单文件组件拆分
    - Claude Code 用量告警 hook：macOS 限额通知
    - codex-baseline：Codex CLI 装配基线核对
    - office-doc-rewrite：保版式换内容的 Office 文档改写
    - fe-lint-fix:前端代码质量一键修复与类型校验
    - git-ops:Git 操作与 PR 交付
    - vft-rules：Claude Code 插件级规则注入与自动检查
    - wxapkg-unpack：微信小程序反编译与样式还原
    - qr-login —— 第三方网站微信扫码登录 + 二维码推送
- 其他
  - brightness：Mac 命令行控制屏幕亮度
  - Keychron K2 键盘使用指南与快捷键
  - wps
    - WPS 开启左侧目录导航窗格的方法
- 随笔
  - 博客新增随笔功能
  - 腾讯 TDesign 组件库文档体验随笔
- Java
  - 开发工具
    - idea
      - IDEA 多项目模式不识别 Maven 项目的解决
- 更多
  - 友情链接与友链申请

PAGE LOAD / LIVESass @if @else if @else 条件判断用法加载中...

全屏