-
Promise.all并发执行所有Promise并等待全部完成,全部fulfilled时返回按序数组,任一rejected则立即reject;不支持忽略失败,需用safe包装或改用Promise.allSettled。
-
border-width本身不能单独显示边框,必须配合border-style和border-color(或使用border简写)才能生效;支持像素值、相对单位及thin/medium/thick关键字,但后者像素不固定;推荐用border简写确保完整定义,响应式场景宜用box-shadow或clamp()替代固定像素。
-
作用域链是函数定义时确定的静态嵌套路径,按[[Environment]]逐层向上查找变量:先当前LexicalEnvironment,再outer指向的外层环境,直至全局;this和eval不参与该链,闭包捕获变量引用而非值快照。
-
直接双击HTML文件可在浏览器中运行静态网页;推荐用VSCode的LiveServer插件实现实时预览;需AJAX等功能时应搭建本地服务器,如Python或Node.js。
-
移动端position:sticky不生效主因是父容器限制或浏览器兼容性问题:iOSSafari15.4+才完整支持overflow非visible祖先内的sticky;AndroidChrome中transform/will-change/filter会禁用sticky;需避免父级overflow:hidden/auto/scroll及硬件加速属性,优先用top:0并配合height/滚动上下文,小屏降级fixed+JS动态适配。
-
列表项hover闪烁的根本原因是布局重排,应避免hover改变padding、border、width等盒模型属性,优先使用transform和opacity配合精准transition实现平滑动画。
-
Chrome因强缓存机制可能持续显示旧版HTML/CSS/JS文件,即使服务器已成功部署新版本;本文提供无需清空浏览器历史、兼容共享环境的可靠解决方案。
-
仅靠CSS无法实现暂停后跳转到指定时间点播放,因animation-play-state只能冻结帧,CSS无currentTime属性;需用JavaScript动态计算elapsed时间并调整animation-duration与animation-delay模拟,或改用requestAnimationFrame手动驱动时间轴。
-
border-radius动画必须用transition而非@keyframes,因后者在旧版Safari和部分AndroidWebView中失效或卡顿;可靠方式是通过hover、class切换或JS控制状态触发transition,且需显式声明transition属性、保持值类型与维度一致、避免混用单位,并注意渲染层干扰。
-
三元运算符是JavaScript中简洁的条件判断方式,语法为condition?valueIfTrue:valueIfFalse;常用于变量赋值和函数返回值,如判断年龄是否成年或React中渲染登录状态;虽支持嵌套判断成绩等级,但多层嵌套降低可读性,建议两层以上改用if-else或switch;合理使用可提升代码简洁性,但需避免滥用以保持可读性。
-
FIMO生成的HTML报告中SVG线条无端点样式控制,因代码未设置stroke-linecap、stroke-linejoin及marker属性;需手动修改SVG或用R/Python重绘实现圆角、箭头等效果。
-
应使用background+linear-gradient在网格容器上绘制无侵入的参考线,或用outline高亮hover区域;需匹配grid-template尺寸、设置grid-area属性,并上线前移除调试样式。
-
box-sizing是控制width/height计算范围的开关:content-box仅含内容区,border-box包含padding和border;全局设border-box可避免布局溢出,但需覆盖伪元素,且margin始终不受影响。
-
响应式网站应拆分CSS并用<linkmedia>按需加载,避免@import和JS模拟;结合prefers-*媒体查询适配系统偏好;CriticalCSS须覆盖目标设备所有首屏断点样式。
-
可关闭数字输入框的浏览器私有范围提示,推荐显式设置title="";type="text"+inputmode="numeric"为替代方案;novalidate无效,因该提示与表单验证逻辑无关。