-
最常见原因是DOM解析顺序问题：<use>出现在<symbol>之前导致浏览器找不到目标ID；需确保<symbol>已解析且位于<use>前、ID严格匹配、<symbol>必须含viewBox属性。
-
选中.css文件右键选择“打开方式”>“选择其他应用”，找到VisualStudioCode并勾选“始终使用此应用打开.css文件”，点击确定即可完成设置。
-
target="_self"与省略target行为一致，均在当前标签页或iframe内加载页面；但显式书写时JS读取返回"_self"，省略则返回空字符串，且需注意下划线、大小写及空格等书写规范。
-
使用input标签的type属性可创建多种日期选择器：1.type="date"选择年月日，格式YYYY-MM-DD；2.type="time"选择时间；3.type="datetime-local"选择日期和时间；4.type="month"选年月，type="week"选周；5.通过min、max和value设置范围和默认值，浏览器原生支持，无需JavaScript。
-
og:image必须在HTML的<head>中、<title>之后且<linkrel="canonical">之前硬编码为HTTPS绝对路径，配合显式宽高声明，并通过SSR动态生成，否则社交平台爬虫无法识别。
-
在JavaScript中添加右键菜单需先阻止默认事件并创建自定义菜单。1.使用contextmenu事件监听并调用event.preventDefault()阻止默认菜单；2.用HTML和CSS构建菜单结构并隐藏；3.通过event.clientX和event.clientY获取坐标，设置菜单position实现定位；4.右键时显示菜单，点击其他区域或菜单项后隐藏；5.为菜单项绑定点击事件执行对应功能；6.兼容性处理需判断event.button或event.which；7.若仅在特定元素显示，将事件监听
-
可通过CSS.registerProperty()或@property注册带类型（如<color>、<length>）的自定义属性，提升样式计算与动画性能；仅类型可插值时才支持transition和@keyframes动画，需确保赋值合法且initial-value合理。
-
能不改业务代码就切Mock，前提是依赖创建逻辑外移且注入点可控；必须用构造函数注入、接口/纯虚类声明依赖，Mock需严格遵循接口契约并覆盖边界场景，切换入口须统一前置至组装阶段。
-
:checked伪类实现侧边栏开关需满足三条件：input与侧边栏同级且input在前、用~或+选择器定位、避免display:none而改用opacity:0等隐藏；否则点击无反应或键盘不可操作。
-
credentials选项的三个取值分别代表：①omit（默认值），完全不发送Cookie，同域亦不发；②same-origin，仅同源时发送Cookie；③include，无论同域或跨域均发送Cookie，但需服务端配合Access-Control-Allow-Credentials:true及非通配符Origin。
-
Canvas流体效果本质是粒子系统加速度场更新：用800–2000个粒子在二维速度场中运动，以显式欧拉法积分，贝塞尔曲线连接邻近粒子；关键在速度场计算、粒子响应与防抖连点逻辑。
-
顶栏滚动自动隐藏需用IntersectionObserver或scroll事件监听，禁用:hover等伪类；推荐用占位div配合threshold[0]触发，结合lastScrollY与5px阈值节流判断方向，避免闪现，并为body设overscroll-behavior-y:contain。
-
关键在于使用CSS的background-image与transition属性，通过:hover触发渐变变化。首先用linear-gradient定义背景色，如：.btn{background-image:linear-gradient(45deg,#ff7a00,#ff0080);background-size:200%200%;transition:background-position0.4sease;}，再设置悬停时的背景位置：.btn:hover{background-position:100%
-
justify-content:space-between并非万能：单子项时退化为flex-start，多行时仅作用于每行内部，固定间隙需改用gap；稳健工具栏应依赖gap+align-items+明确容器控制。
-
JavaScript模块化是为解决代码复杂度而演进的产物，从IIFE作用域隔离，到CommonJS服务端同步加载、AMD浏览器异步加载，再到ES6Module原生支持，逐步实现静态分析、TreeShaking与动态导入，最终统一模块标准，提升代码可维护性、复用性与工程化水平。
