-
金属机身不能直接降低HTML函数开发发热，因HTML不执行计算；其作用在于提升整机散热效率，仅在Webpack热编译、多标签调试等持续高负载场景下才显现优势。
-
top:50%移动的是元素左上角到父容器垂直中线，导致整体偏下；需配合left:50%和transform:translate(-50%,-50%)才真正居中，且父容器须设position:relative。
-
点击“展开全文”切换显示状态的核心是用JavaScript控制文本内容与按钮状态，配合data-expanded等属性记录状态，优先服务端提供摘要字段以避免前端DOM解析风险。
-
在<form>标签上添加novalidate布尔属性即可禁用整个表单的HTML5原生验证，无需赋值；formnovalidate仅适用于提交按钮，用于单次提交跳过验证；禁用后:valid/:invalid伪类失效，且服务端校验不可省略。
-
正确使用HTML有序列表需确保<ol>标签内嵌套<li>项，可通过start属性设起始数，type属性改编号类型，支持嵌套与CSS样式定制以实现多级结构和视觉控制。
-
window.matchMedia能实时响应系统深色模式切换，但必须显式绑定change事件监听器；直接读取matches属性仅获当前快照，不自动更新；需配合CSS@media和客户端安全执行以避免闪动与内存泄漏。
-
最直接方式是用position:absolute配合top:0;left:0，但需父容器设为relative/absolute/fixed；Flexbox中用justify-content:flex-start和align-items:flex-start；transform:translate(-50%,-50%)会导致居中而非左上对齐。
-
不能只靠[dir="rtl"]选择器，因为它仅匹配显式设置dir="rtl"的元素，无法捕获继承或浏览器自动推断RTL方向的元素；:dir(rtl)则基于实际文本流方向匹配，支持继承与自动推断，且在主流浏览器中已逐步支持。
-
CSS中max-height:0与max-height:auto无法过渡，因auto不可计算；应改用足够大的固定值（如500px）并配合overflow:hidden实现动画，避免height、display:none及transition:all。
-
路由平滑降级是前端针对低端设备优化跳转体验的实践策略：当检测到设备性能不足（如dpr<2、并发核数≤2、FPS<45或FCP>1800ms）时，自动降级为淡入、无动画等轻量过渡方式，保障响应速度与稳定性。
-
本文讲解如何使用Pressable组件的onPressIn和onPressOut事件，精准分离视觉反馈（如图标/文字变色）与业务逻辑（如路由跳转），解决“只能执行其中一项”的常见问题。本文讲解如何使用`Pressable`组件的`onPressIn`和`onPressOut`事件，精准分离视觉反馈（如图标/文字变色）与业务逻辑（如路由跳转），解决“只能执行其中一项”的常见问题。在ReactNative中，Pressable是
-
不该。BEM修饰符应描述状态而非触发条件，如card--elevated表达悬停后的视觉变化，而非hover本身；需配合JS事件与CSS变量实现多态响应、主题适配及可访问性支持。
-
单文件组件（SFC）的模块划分本质取决于script中的设计思路，而非文件形式本身；应通过组合式函数按功能域抽离逻辑、语义化分组代码、角色化区分职责，并借助TypeScript与工具链强化边界。
-
flex-grow仅适用于单段填充+固定箭头的简单进度条；多步、箭头咬合或响应式场景下，其动态宽度与箭头所需的绝对像素偏移冲突，导致错位、断开或文字撑爆。
-
用插入水平分割线，不是HTML5中是一个**自闭合的换行级元素**，但语法上不写斜杠更稳妥。浏览器普遍支持，而在某些旧文档类型或严格XML解析环境下可能出问题。常见错误现象：–页面里看起来正常，但在XHTML模式下报解析错误–用JS动态插入时，innerHTML=''被某些浏览器自动修正为，导致意外嵌套始终用，不加结束标签，也不加斜杠如果项目强制XHTML兼容，改用前需确认DOCTYPE和解析器行为它默认是块级元素，前后自带换行，不需
