-
结论：用SassMixin封装图片裁剪mask逻辑时，应通过$mask-url参数传入路径，同时输出-webkit-mask-image和mask-image，并将mask-mode、mask-size等设为可选参数，默认unset，避免写死导致复用性崩塌。
-
font-weight在:hover中不生效的主因是样式优先级覆盖或字体不支持对应字重，应检查开发者工具中的覆盖状态、使用更具体选择器、确保字体包含所需字重、采用CSS变量统一管理并优先使用无单位数字值。
-
使用LiveServer扩展可实现实时预览，安装后右键HTML文件选择OpenwithLiveServer即可在浏览器中自动打开并支持保存刷新。
-
能，但只对CSS、JS、img等静态资源有效；HTML缓存收益低且易致版本错乱，应分离静态资源并用哈希命名+immutable策略长期缓存，HTML则依场景设no-cache或短时max-age。
-
轮播图卡顿主因是用left/top触发重排，应改用transform/opacity走合成层；预加载下一张图、设固定宽高防跳动；暂停需监听容器mouseenter/touchstart；无缝切换用DOM复用+瞬移重置。
-
z-index不生效主因是元素未创建层叠上下文；需设position为relative/absolute/fixed/sticky才启用，且受父级opacity/transform等属性意外创建的上下文限制。
-
需为HTML添加CSS来改善样式和布局，方法包括内联样式、内部样式表、外部CSS文件链接、CSS选择器应用及浏览器验证。
-
JavaScript代码规范是提升可读性、可维护性与协作效率的约定，涵盖命名（驼峰式、全大写常量、首字母大写类）、结构（单一职责、早期返回、解构）、格式（空格、换行、箭头函数）和注释（重“为什么”轻“是什么”）。
-
小元素在行内布局中易挤在一起，因默认inline元素受字体基线和vertical-align:baseline影响，导致垂直对齐不一致；推荐用inline-block+vertical-align或flex+gap统一控制间距。
-
双飞翼布局核心是浮动+负margin，用于实现中间内容优先渲染；HTML中main必须前置并三层嵌套，通过main-wrap占满整行、main设负margin腾出侧栏空间，左右栏用浮动与负margin定位，IE6需zoom:1等hack修复hasLayout问题。
-
HTML无障碍是开发者可控的编码实践，屏幕阅读器是用户端依赖的辅助工具；原生语义（如button）比div加ARIA更可靠；aria-label、aria-labelledby、aria-describedby用途各异，不可混用；语义标签不能靠CSS模拟；aria-live生效需满足DOM存在、内容更新方式及预置节点等条件。
-
本文详解如何通过计算两点坐标、动态设置旋转角度与长度，并关键配置transform-origin，实现DOM元素（如<div>）精准连接两个绝对定位点，彻底解决因默认中心旋转导致的偏移问题。
-
本文介绍如何使用JavaScript批量、自动地为网站多页面中所有出现的特定词语（如“Dog”）统一添加超链接，无需手动逐个修改HTML，兼顾大小写匹配与上下文完整性。
-
Less中extend常不生效，因其仅匹配已编译存在的选择器，不跨文件、不穿透嵌套、不处理变量或mixin生成的选择器；需确保目标选择器在当前@import链中可见且未被隔离。
-
Nginx部署单页HTML项目需过权限、路径解析、路由模式三关：确保index.html在root下且Nginx有读取权限；history模式需配置try_files$uri$uri//index.html；静态资源路径要匹配构建输出，base配置与Nginxroot或alias保持一致。
