-
npminstall后import不生效的主因是模块解析环境不匹配：浏览器原生ESM不支持包名解析，Node.jsESM需.mjs或type:"module"，推荐用Vite等构建工具接管；React生态库如antd需注意编译配置、按需导入插件及CSS显式引入；CDN引入Vue须选对版本并显式解构API；Webpack的require.context行为特殊且不可跨工具迁移。
-
Proxy是JavaScript中拦截对象操作的代理层，只代理对象、不深代理、需手动实现trap；Reflect提供与trap一一对应的标准化方法，确保操作符合JS规范语义。
-
HTML5不提供音频元数据加密能力，真正防护需服务端策略与前端限制结合：避免明文嵌入敏感信息、动态注入脱敏元数据、剥离ID3标签；MediaMetadata仅用于显示，非加密机制；高安全需求应采用DRM或流式混淆方案。
-
Tailwind与Bootstrap颜色体系本质不同：前者是亮度阶梯原子类（如red-50到red-900），后者是语义绑定变量（如$danger），直接替换class会导致色调丢失、一致性破坏；迁移需同步配置theme.extend.colors并避免纯黑白基础色，深色模式处理逻辑也截然不同。
-
HTML5网页发布本质是上传静态文件到服务器，无需专用工具或区分操作系统；只需确保路径相对、协议正确、大小写一致，用Git+GitHubPages等通用方案即可完成。
-
JavaScript继承本质是操作prototype和constructor，通过原型链实现方法共享与属性继承，ES6class仅为语法糖，底层仍依赖__proto__和prototype链。
-
在Vue模板中标注重点最简单有效的方式是直接写<strong>等原生HTML标签，配合{{}}插值或v-html（需确保内容可信），语义化推荐使用<mark>标签。
-
HTML中普通空格不显示是浏览器默认行为，解析器会压缩连续空白并忽略首尾空格；需用 、<pre>或white-spaceCSS等语义化方式保留格式。
-
requestAnimationFrame是浏览器专为动画设计的调度机制，它在下一次重绘前调用函数，天然同步屏幕刷新率、不丢帧、页面不可见时自动暂停；而setTimeout无法稳定实现这些特性。
-
JavaScript事件是用户交互的触发机制，需用addEventListener监听，支持多绑定、捕获/冒泡控制；注意DOM加载时机、事件委托、移动端优化及监听器移除技巧。
-
浮动元素总被定位元素盖住，因其不创建层叠上下文且z-index无效；解决方法是让其与定位元素同属一个由公共父容器触发的层叠上下文，并在该上下文中用position:relative+z-index精确控制层级。
-
Vue.js响应式基于Object.defineProperty（Vue2）或Proxy（Vue3）劫持读写；Vue2需Vue.set新增属性，Vue3Proxy全面支持数组、Map等且无需set，ref/reactive分工保障类型安全与解构可用性。
-
div是无语义的块级容器，主要用于页面布局和内容分组。1.它通过包裹内容为CSS提供样式控制的“把手”，实现精准的布局与视觉设计；2.在复杂页面中，div通过逻辑分组构建模块化结构，提升代码可维护性；3.与JavaScript协同时，div作为动态内容的容器，支持内容更新与交互控制；4.当无合适语义化标签时，如表单分组或弹窗组件，应优先使用div；5.最佳实践包括语义优先、合理命名、避免过度嵌套，并结合现代CSS布局技术，防止“div汤”问题。正确使用div需在灵活性与语义化之间取得平衡。
-
最可靠方式是用getTime()转毫秒后相减：Date对象本质是毫秒时间戳，直接相减得毫秒差，避免字符串解析和时区干扰；需检查isNaN()防无效日期，跨时区应统一用UTC或本地时间保持一致。
-
前端实现图形验证码的核心是配合后端防止自动化攻击。通过<img>展示后端生成的验证码并用JavaScript处理刷新与交互，可提升用户体验；也可用Canvas在前端绘制简单验证码用于学习，但因答案暴露于客户端，存在安全风险，不适用于生产环境；真正安全的方案需后端生成、存储验证码并校验，前端仅负责展示和传递用户输入，同时应设置有效期、限制请求频率，并结合滑块等行为验证增强防护。前端JavaScript扮演桥梁角色，核心安全依赖后端构建。
