
webkit
核心是用PerformanceObserver监听paint和navigation类型指标,首屏性能捕获需在head中尽早初始化;RUM的TTFB需排除服务端渲染与协议干扰;LongTask比FPS更...
浏览器内核差异导致CSS解析结果不同:WebKit/Blink、Gecko、Trident对默认值、特性支持、解析时机等处理不一,需按内核精准适配而非盲目加前缀。
absolute元素易“飞走”因脱离文档流且定位基准随响应式断点变化;sticky在Safari存在兼容陷阱;flex+margin:auto居中更稳定;@container需BFC支持且仅限宽度响应...
移动端CSS应避免依赖:hover,改用:active或JS切换类;慎用device-pixel-ratio媒体查询,优先使用width断点;避免vw/vh及body/html宽度基准引发抖动;媒体查...
Mac无需安装HTML5,只需配齐编辑器、浏览器和本地HTTP服务:推荐VSCode+LiveServer插件,避免TextEdit乱码;必须用http://而非file://协议运行以支持Fetch...
WebSQL已被废弃,现代浏览器均不支持,应改用IndexedDB:Chrome97+彻底移除,Safari仅限WebView且不保证兼容,Firefox从未支持;所有WebSQLAPI(openDa...
muted属性需与autoplay配合才能绕过浏览器自动播放限制实现静音,单独使用无效;其为布尔属性,推荐简写为muted;与volume=0不同,muted是声明式且能重置音频状态,而后者无法绕过策...
Flexbox容器需显式声明display:flex或inline-flex,否则flex-direction等属性无效;主轴由flex-direction决定,justify-content对齐主轴...
按钮点击区域小的主因是padding和min-width/min-height不足,导致触控目标低于W3C推荐的44px44px;需检查display类型、避免inline布局缺陷、合理设置touch...
必须添加完整viewport配置:width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no;魅族Flyme7–10...