-
必须用box-sizing:border-box、calc()预留误差、BFC防塌陷；因content-box下width不包含padding/border，易超100%换行，且浮动致父容器塌陷需清除。
-
Modal内容无法点击是因为.modal-backdrop的z-index意外高于.modal-dialog，根源在于父容器创建了新的层叠上下文（如transform、opacity<1），导致.modal-dialog的z-index失效；应检查祖先元素、确保定位属性有效，并优先使用data-bs-backdrop="false"等语义化方案。
-
DOM操作是JS与网页结构的唯一接口；选元素用getElementById（快、专用于id）或querySelector（灵活但慢、只返首个）；改内容用textContent（安全）而非innerHTML（防XSS）；append需传节点而非字符串；注意操作时机与事件监听器丢失。
-
Bootstrap5的断点是明确定义的六个min-width像素值：xs(0)、sm(576)、md(768)、lg(992)、xl(1200)、xxl(1400)，全部锚定在$grid-breakpoints变量上，媒体查询以min-width为唯一依据，且断点“向上生效”。
-
noindex和nofollow是独立指令，可单独使用；noindex使页面不被索引但需先被抓取，nofollow在meta中效果弱于rel="nofollow"，robots.txt优先级高于metarobots，X-Robots-Tag优先级最高。
-
decode()是HTMLImageElement的异步方法，必须在JavaScript中调用并处理Promise，不能直接写在HTML标签里；正确做法是监听load事件后调用decode()，仅在其resolve后才显示图片。
-
最实用的企业官网HTML模板是30分钟内可完成公司名、联系方式和三张产品图修改并上线的单页式或Bootstrap5原生结构模板，需满足扁平文件结构、统一导航控制和硬编码信息全局可搜替三大前提。
-
font-size不生效的主因是父级使用rem/em导致计算值偏离预期，其次为继承中断、框架重置、viewport缩放及字体回退等问题，需逐级检查Computed值并验证fallback。
-
本文详解为何无法真正“清除”fetch触发的404控制台错误日志，并提供专业级替代方案：通过配置请求、捕获网络异常、禁用预检失败提示及合理使用try/catch，从根源上避免冗余错误输出。
-
Vue.js的props更新由父组件重渲染驱动，触发子组件重新执行render生成新VNode，再经patch算法比对更新DOM；props本身不被直接diff，仅作为渲染输入，且为只读响应式代理。
-
Less无if语句，用守卫混合模拟编译期条件匹配；无for循环，靠递归混合实现；不支持JS函数，内置函数有限且行为与JS不同；所有逻辑均在编译期展开为静态CSS。
-
contextmenu事件中必须在回调第一行同步调用e.preventDefault()，否则原生菜单会闪现；自定义菜单应挂载到document.body，用clientX/Y定位并设position:fixed；iframe和ShadowDOM需分别在其contentDocument或shadowRoot上监听；菜单关闭后须remove()并恢复焦点。
-
additionalData配置可使SCSS变量全局可用，但路径错误、分号遗漏、@use与@import混用是90%失效主因；必须用@use"@/styles/variables.scss"as*;并确保别名已配置、文件无CSS规则、末尾带分号。
-
服务端渲染（SSR）中不存在“微任务描述符”这一标准概念；真实风险在于全局状态污染、渲染实例未隔离及异步副作用竞态，需通过请求上下文隔离、每次创建新应用实例和正确await异步操作来防范。
-
必须加viewportmeta标签，否则手机端适配失效；需设width=device-width、initial-scale=1.0，禁用user-scalable=no；按钮热区≥44px、避免touch-action干扰；输入框勿用fixed，改用absolute+relative；微信X5内核需显式声明charset、禁用@import、JS等DOMContentLoaded。
