-
清除浏览器缓存可解决网页显示异常或加载旧版本问题，具体方法包括：一、通过浏览器设置清除所有时间范围内的缓存文件；二、使用Ctrl+F5或Command+Shift+R强制刷新页面以获取最新资源；三、在开发者工具的Network选项卡中勾选Disablecache临时禁用缓存；四、在站点设置中删除特定网站的缓存数据；五、关闭浏览器后手动删除系统级缓存目录中的文件。
-
弹性盒子与网格布局混合使用错位的根本原因是容器层级职责不清、display属性覆盖或尺寸计算冲突；应由Grid负责整体二维结构划分，Flexbox负责内部一维内容对齐，并通过语义化wrapper隔离职责、合理设置min-width和轨道函数避免拉伸干扰。
-
:focus-visible更适合表单可访问性，因为它仅在键盘导航（如Tab）时显示焦点样式，避免鼠标点击时突兀的轮廓线；需用层叠规则安全降级，并注意浏览器支持与元素默认行为差异。
-
首先配置本地站点并保存HTML文件至站点目录，接着使用实时视图快速预览页面效果，然后通过F12快捷键在默认浏览器中完整测试，最后可在首选参数中设置多个浏览器以提高兼容性调试效率。
-
box-sizing默认值为content-box导致宽高计算反直觉，即width/height仅指内容区，padding和border额外增加；设为border-box后则宽高包含padding和border，更符合设计稿的“总尺寸”预期。
-
iframe中直接append父页面link会报“insertBefore”错误，因DOM节点不能跨document复用；必须用cloneNode(true)深克隆或手动创建新link并插入iframe的head中，且仅限同源场景。
-
推荐使用SheetJS库导出：通过CDN引入xlsx.min.js，调用table_to_sheet转换表格为工作表，book_new创建工作簿，book_append_sheet添加工作表，writeFile触发下载。
-
ruby和rt必须配合rb才能正确渲染拼音，漏掉rb或结构错误会导致浏览器忽略注音或平铺显示；现代浏览器要求每个汉字用单独rb包裹，rt紧跟对应rb，多字需逐字拆分，禁用破坏流式布局的CSS。
-
grid-auto-rows:min-content不影响容器高度，只控制隐式行高度；容器需移除height/min-height等限制并避免父容器拉伸，才能真正贴合内容。
-
calc()是CSS函数，必须写在CSS声明中（如style属性或样式表），且加减号前后必须有空格；不能用于HTML属性，乘除法无空格要求但单位规则更严，嵌套实为括号，推荐用自定义属性拆分复杂计算。
-
遮罩文字不居中需确保父容器设position:relative；hover闪动应搭配transform过渡与pointer-events控制；flex/Grid下遮罩须显式设宽高；移动端需处理z-index、pointer-events及hover/active/媒体查询兼容。
-
自定义表单控件需通过伪元素+相邻选择器绑定状态，补全浏览器前缀、隐藏原生控件、适配暗色模式与禁用态，并确保可访问性。
-
Vue3响应式数据深拷贝应优先用structuredClone(toRaw(obj))，它支持Map/Set/Date/RegExp等且解决循环引用；老环境可手动递归实现，关键要toRaw解包、WeakMap防循环、类型特判；核心是隔离变更而非单纯拷贝。
-
前端表单验证的五种实现技巧包括：1.使用HTML5内置验证属性；2.使用JavaScript原生验证；3.使用第三方验证库；4.实时验证；5.结合后端验证。这些方法确保用户输入的数据符合预期，防止脏数据进入系统，从而提升用户体验、减少服务器压力并保障数据安全。HTML5提供简单直接的基础验证功能，如required和pattern属性；JavaScript可实现更复杂的自定义逻辑；第三方库如jQueryValidationPlugin简化了规则配置；实时验证通过input事件即时反馈错误；最终仍需后端验证
-
some比forEach+手动中断更合适，因其天然支持短路：一旦某规则返回true即停止遍历，语义清晰且避免冗余校验；而forEach需抛错或标志位，易出错且可读性差。
