-
刷新HTML页面缓存可解决内容未更新问题，具体方法包括：一、强制刷新页面，按Ctrl+F5（Windows）或Cmd+Shift+R（Mac）从服务器重新加载资源；二、清除浏览器缓存，在设置中进入隐私和安全选项，选择清除浏览数据并勾选“缓存的图片和文件”，时间范围设为“所有时间”；三、使用开发者工具禁用缓存，按F12打开工具面板，切换至Network标签页并勾选“Disablecache”；四、修改URL参数触发更新，在原URL后添加?v=1等查询字符串使浏览器视为新请求；五、调整服务器响应头设置，配置C
-
box-shadow是模拟立体按钮厚度最可靠的纯CSS方案，通过多层内外阴影配合明暗与偏移制造深度感，需显式声明transition-property并兼顾:hover与:active状态。
-
元素margin无反应的主因是父容器未触发BFC或发生margincollapse；解决需创建BFC、用padding替代、注意行内元素限制及margin:0auto的width和display前提。
-
模块联邦是Webpack5实现微前端的核心技术，允许运行时动态共享模块。主应用（Host）通过remoteEntry.js加载远程模块，如用户中心暴露的UserProfile组件，并通过shared配置避免重复打包React等依赖。需注意样式隔离、状态共享、容错机制及部署同步问题，适用于多团队协作的后台系统集成场景。
-
BroadcastChannel是同源页面间广播通信的原生API，支持标签页、iframe等实时消息传递；需同源且注意兼容性与隐私模式限制，适用于多标签状态同步等场景。
-
导航文字颜色在悬停时平滑渐变，需设置默认颜色、添加transition过渡效果，并在:hover状态定义目标颜色。示例中链接默认色为#333，悬停时变为#e64c66，过渡时间为0.4秒，缓动函数为ease；可通过调整时间或使用cubic-bezier优化动画效果。
-
单例模式解决全局变量泛滥、资源重复创建和跨模块共享状态问题；它通过确保唯一实例并提供统一访问入口，在模块化中天然适配ES6模块机制与IIFE封装，兼具数量控制与私有封装特性。
-
JavaScript浮点数精度问题源于IEEE754标准导致0.1等小数无法精确表示，如0.1+0.2!==0.3；解决方法包括：使用toFixed()转字符串后解析、整数化运算（如金额用分）、封装精度校正函数，关键根据场景选择方案。
-
button标签比input按钮更推荐，因为它支持嵌套图片、图标和富文本内容，提供更强的样式灵活性、更好的可访问性和语义化，适用于现代网页中复杂UI和无障碍需求，而input按钮仅能显示纯文本且样式控制受限，因此在绝大多数场景下应优先选择button标签。
-
DOMParser是HTML5中解析XML字符串的标准方式，可解析任意合法XML，但要求格式规范；需注意编码问题，如来自localStorage的字符串默认按UTF-8解析，GBK内容易致乱码或解析失败。
-
Prettier负责代码格式统一，ESLint专注逻辑错误与质量检查；二者分工明确、互补协作，通过eslint-config-prettier避免冲突，实现提交前自动检查与格式化。
-
伪元素默认不创建层叠上下文，z-index无效；须父元素触发层叠上下文（如position+非autoz-index）后，伪元素才可通过z-index参与排序。
-
label上浮需绑定input（for/id或嵌套），设position:relative、transform:translateY(-整数px)、transition，配合:placeholder-shown/:focus/:valid控制状态，并处理z-index、pointer-events及padding-top。
-
本文深入解析Vue组件中$refs在条件渲染模态框（如v-if控制的<b-modal>）内无法及时访问的根本原因，并提供可靠、可复现的修复方案，适用于Nuxt项目及所有基于Vue2/3的场景。
-
CommonJS与ESM通过文件扩展名、package.json配置、运行时支持及构建工具实现共存。Node.js用.js、.mjs、.cjs区分模块系统，package.json的"type"字段声明默认模块格式，ESM可动态导入CommonJS，CommonJS可通过import()加载ESM，Babel等工具支持双向转换，npm包常同时提供ESM和CommonJS版本，确保兼容性，两者长期并存。
