-
可直接将URLSearchParams实例传给fetch的url参数，无需手动拼接；它自动编码（如中文转%E5%BC%A0%E4%B8%89），支持动态增删参数，服务端可原生解析。
-
通过动态控制pointer-events并结合原生事件拦截，可在全局遮罩层中禁用点击、右键、拖拽等交互，同时保留鼠标滚轮和触摸滑动的滚动能力，适用于通用加载态组件。
-
最常见原因是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.若仅在特定元素显示，将事件监听
-
十六进制颜色写错一位即失效，浏览器仅接受3位或6位合法十六进制（a–f），非法字符或位数错误会导致整条声明静默忽略；rgb()、rgba()、hsl()等函数也需严格遵循参数类型、范围与单位规则，否则同样静默失效。
-
可通过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。
