-
box-shadow动画不动是因为关键帧未完整声明所有参数，必须每帧都写全h-offset、v-offset、blur-radius、spread-radius和color五部分，空位补0，否则浏览器无法插值。
-
HTML文件必须拆成多个页面，中大型项目若用单个index.html会导致路由刷新、状态丢失、SEO差、维护困难；纯静态多页应用（MPA）须按模块拆分并统一管理公共结构与资源路径。
-
JavaScript可直接在浏览器控制台运行，无需安装环境；写HTML文件嵌入script标签即可执行，但需注意DOM加载时机；仅当使用Node.js特有功能时才需安装Node.js；VSCode开箱即用，插件非必需。
-
@import在媒体查询内不生效是因为它必须位于样式表顶部，正确写法是将媒体条件直接附加在@import语句后，如@import"high-dpi.css"onlyscreenand(-webkit-min-device-pixel-ratio:2);
-
全屏元素应设display:block或flex、position:fixed并绑定top/left/width/height，:fullscreen中显式声明box-sizing:border-box，移动端优先用webkit-playsinline模拟全屏。
-
无痕刷新依靠虚拟DOMdiff算法精准复用节点并保留状态，关键在于稳定key、不变更type/name、手动恢复光标/滚动等原生状态，避免破坏性更新。
-
HTML无法直接设置背景图片透明度，需用CSS多层背景叠加rgba色块或::before伪元素隔离图层；前者兼容性好，后者精准控制且不影响子元素。
-
HTML无法控制学习路径的分享权限或链接公开性，因为权限控制必须由服务端实现，涉及身份校验、路由鉴权和数据库字段管理，前端仅负责渲染。
-
HTML无法实现“先用后付”功能，仅能提供静态入口；真实能力依赖JS调用第三方SDK、后端授信校验及动态渲染，如监听checkboxchange触发/api/credit/available请求并按响应控制UI。
-
实现文件上传的核心步骤是：使用inputtype="file"获取文件，通过FormData封装文件数据，利用FetchAPI或XMLHttpRequest异步发送至服务器；2.推荐使用异步方式上传是因为其不刷新页面，提升用户体验，支持实时进度反馈、灵活的错误处理及附加数据传输；3.实现进度条需监听XMLHttpRequest的upload.onprogress事件，取消功能可通过xhr.abort()或Fetch配合AbortController实现；4.前端安全考量包括文件类型和大小的初步校验，但后端
-
使用CSS变量--duration和--easing统一管理动画时长与缓动函数，通过:root定义基础值、局部覆盖实现响应式与差异化控制，避免硬编码和calc()动态计算，提升可维护性与视觉一致性。
-
Map和Set是ES6引入的专用集合类型：Map支持任意类型键值对且有序，Set专注自动去重存储唯一值；二者均比Object更可靠，适用于动态键、非字符串键、顺序遍历及纯净数据场景。
-
应关闭浏览器默认搜索图标并用伪元素自定义：先设-webkit-appearance:none隐藏原生控件，再用.search-wrapper::before绝对定位绘制图标，配合em单位和transform实现缩放自适应，同时清除::-webkit-search-cancel-button残留。
-
:target伪类无反应的主因是目标元素缺失对应id或id值与URL锚点不一致；须确保id严格匹配、区分大小写、唯一，且不依赖已失效的name属性。
-
必须使用相同函数引用才能成功移除事件监听器，否则removeEventListener无效；因此应避免使用匿名函数或bind创建新引用，推荐具名函数、保存引用或使用AbortController统一管理。
