-
移动端页脚分栏不堆叠需设flex-wrap:wrap并用max-width:768px断点;Grid响应式应使用grid-template-columns:repeat(auto-fit,minmax(200px,1fr)),避免auto-fill和height:100vh。
-
iOS上word-break:break-all失效因Safari渲染兼容性限制,中文等无空格文本中常被忽略;可靠方案是overflow-wrap:break-word、word-break:break-word与white-space:normal三属性协同。
-
PerformanceAPI通过高精度时间戳提供页面加载、资源请求等性能数据。1.使用performance.now()获取精确时间;2.用mark和measure测量自定义逻辑耗时;3.通过navigation条目计算DNS、TCP、白屏等关键指标;4.利用PerformanceObserver监听动态资源加载。结合上报机制可构建完整前端监控体系,持续优化用户体验。
-
React中less.modifyVars()基本不生效,因Webpack的less-loader已在构建阶段将Less编译为静态CSS,运行时无变量作用域;应改用CSS自定义属性+Less编译时注入,通过document.documentElement.style.setProperty()动态换肤。
-
WebSocket在浏览器中运行60秒后触发1006错误(连接异常终止),即使已实现每5秒Ping-Pong心跳,根本原因在于Node.jshttp.Server默认超时机制与ws库noServer:true模式不兼容,导致底层TCP连接被静默关闭。WebSocket在浏览器中运行60秒后触发1006错误(连接异常终止),即使已实现每5秒Ping-Pong心跳,根本原因在于Node.js`http
-
样式不生效的三大主因是:link未放head内导致FOUC、href路径错误、rel="stylesheet"属性缺失或拼写错误;需确保link在head中且位于script前,路径正确,rel属性严格匹配,并配置服务器返回text/css响应头。
-
全局常量不能直接写进BEM块内部,必须抽离到variables.scss等独立变量文件中统一管理,否则会导致块间复用困难、主题切换失控、夜间模式无法一致;$color-primary等原子级设计值须定义在variables.scss中,而$button-height等组件实现细节应留在_block.scss内用原子值计算得出。
-
color-mix()是唯一标准且可控的模拟减淡遮罩的颜色生成方案,需显式混入白色(如color-mix(insrgb,#6a5acd,white40%)),不支持whiteness等参数;兼容性需手动降级,且权重表示颜色贡献比例而非明度提升量。
-
必须加-webkit-appearance:none和appearance:none,否则iOSSafari中button等表单控件的默认圆角无法被border-radius:0清除;重置后需手动补全border、padding、background-color等基础样式。
-
SharedWorker本身不是单点故障源,而是唯一能避免单点故障的设计载体;需通过错误监听、双通道降级、ServiceWorker协同及BroadcastChannel状态同步实现高可用。
-
单个伪元素只能被整体裁剪,无法实现碎片感;真正“碎”需将文字拆为独立单元(如span),每个单元用多个伪元素配合polygon()坐标、transform位移及随机化参数分别动画。
-
最直接可靠的是Array.prototype.flat(),但默认只扁平一层,需flat(Infinity)彻底展开;兼容老环境或需自定义逻辑时宜用reduce+concat递归实现;扩展运算符配合while仅适用于已知深度;flatMap仅限map后单层扁平。
-
DeviceOrientation事件不直接调用陀螺仪,而是融合加速度计与陀螺仪数据输出朝向角度;需用DeviceMotion事件配合'gyroscope'权限才能获取原始角速度。
-
根本原因是scoped样式仅作用于当前组件且添加data-v-xxx属性选择器,无法穿透子组件;需用:deep()(Vue3)或::v-deep(Vue2)实现穿透,且不可与scoped共存于同一style块。
-
Emotion的keyframes返回的是标识对象而非字符串,必须通过插值(如animationName:${spin})在css/styled中使用;不可硬编码动画名或拼接字符串;支持闭包传参但需避免重复创建;SSR需配合CacheProvider和createCache;哈希去重依赖内容一致,非变量名。