-
CSSborder简写必须同时指定宽度、样式、颜色三者，缺一不可；border-style为none或hidden会彻底隐藏边框且使其他属性失效；元素尺寸为0或被裁剪、覆盖、透明化等也会导致边框不可见。
-
iOS上DeviceOrientation不准的主因是未开启“MotionCalibration&Distance”系统服务，而非陀螺仪硬件故障；该服务默认常关闭，需手动启用，并配合平放静止、缓慢旋转等动作诱导系统重融合，且CIT校准后须重启Safari才生效。
-
transform需配合display:block或inline-block使用；transform-origin控制变形中心，默认50%50%；transition必须与transform同级声明；3D变形需父容器设transform-style:preserve-3d和3Dtransform；transform-origin不支持calc()混用时需JS动态设置。
-
使用transform配合transition可实现元素平滑移动，推荐translate()因性能更优，避免频繁触发重排，适用于悬停、菜单等场景，保持过渡时间0.2s~0.6s体验更佳。
-
全屏API调用必须由用户手势触发，需在click、touchstart、keydown等事件回调中调用；移动端推荐touchstart；禁止在异步回调中调用；iframe嵌套时父页面需添加allowfullscreen属性。
-
HTML可访问性测试需结合自动化工具与人工审查，自动化工具可快速发现如alt文本缺失等硬性错误，但无法评估上下文、键盘导航逻辑或屏幕阅读器体验，因此必须辅以手动键盘操作、屏幕阅读器测试及开发者工具检查，才能全面保障用户体验。
-
JavaScript异步编程是单线程事件循环环境下的刚性需求；fetch默认不阻塞主线程因浏览器禁用同步网络请求，且必须用.then()或await消费Promise；fs.readFileSync会阻塞Node.js主线程，降低并发吞吐量，应改用fs.promises.readFile等异步方案。
-
Tailwind的disabled:变体需元素真实携带disabled属性才生效，JIT模式下开箱即用但依赖HTML正确渲染；若未启用插件、未同步设置disabled属性或使用非原生可禁用标签，则样式不触发。
-
ReactNative是用JavaScript构建原生移动应用的框架，通过桥接机制将JSX映射为iOS/Android原生组件，实现“写一次，两端运行”，适合中后台、内容型App，但不适用于高复杂度动画或图形计算场景。
-
HTML5视频播放成败取决于编码（H.264+AAC）而非.mp4后缀，需用ffprobe验证；本地测试须起HTTP服务（如python3-mhttp.server）；iOS自动播放必须加muted属性。
-
auto-fit+minmax()是响应式嵌套网格的核心组合，通过repeat(auto-fit,minmax(250px,1fr)))实现列数自动适应，避免媒体查询冗余和子网格溢出，需确保父、子容器均为display:grid且不嵌套flex。
-
掌握HTML需按五步系统学习：一、理解核心概念与标准文档结构；二、掌握语义化标签及嵌套规则；三、实践表单与多媒体标签写法；四、用W3C验证并修正错误；五、构建完整静态页面综合输出。
-
最直接方法是用CSS@keyframes或transition配合transform、opacity、filter等硬件加速属性实现图片动效，避免width/height动画和内联样式操作，兼顾性能与维护性。
-
JavaScript面向对象编程主要依靠class语法（ES6+）和原型继承机制，class是原型操作的语法糖；通过constructor初始化属性，extends实现继承并需调用super，支持静态方法、私有字段（#）及getter/setter。
-
启用usestrict能提升代码安全与规范性，主要体现在：1.严格模式可作用于全局或函数作用域，顶部声明影响整个文件，函数内声明仅限局部；2.禁止隐式创建全局变量，未声明赋值将抛出ReferenceError；3.函数中this非绑定时为undefined，而非指向全局对象；4.禁止函数参数重名，避免覆盖错误；5.限制with语句及保留字使用，增强语法严谨性。建议新项目默认开启，迁移旧项目需注意兼容性问题。
