
chrome devtools
link标签顺序影响样式生效,因CSS层叠中源顺序是权重与!important相同时的最终决胜条件;HTML中link按书写顺序阻塞解析、下载并应用,故需将基础样式置前、覆盖样式置后,禁用async/...
DeviceOrientation事件需用户交互后启用且受权限与安全上下文限制;beta为前后倾斜角,平放时为0属正常;应结合requestAnimationFrame和滤波优化渲染性能。
alt属性是HTML中必需属性,用于在图像加载失败、屏幕阅读器读取或搜索引擎解析时提供准确、简洁、非冗余的替代文本;装饰性图片必须设为alt="",不可省略或填充无效内容。
background-color可设纯色或透明,半透明须用rgba/hsla;background简写会覆盖background-color;表单元素需清除默认样式;背景与文字对比度须4.5:1。
HTML5仅提示性影响软键盘,不触发拨号;真正拨号需tel:协议链接;type="email"校验宽松且微信WebView支持差,须结合inputmode与JS校验。
HTML5首屏慢的核心是关键渲染路径阻塞,需优化DOM/CSSOM构建、消除阻塞资源、预加载关键资产并规避document.write等陷阱。
预加载资源前须检测fetch()或XMLHttpRequest支持性,降级时设xhr.responseType=‘arraybuffer’,确保document.readyState为‘interac...
box-sizing:border-box是控制尺寸精度的关键,它使width/height包含内容、内边距和边框;需全局设置并配合显式声明padding/border、谨慎使用calc(),最后通过...
sticky吸顶卡顿主因是父容器限制和层叠上下文干扰,如overflow:hidden、transform、filter等触发新层叠上下文,导致浏览器降级为JS模拟滚动而掉帧。
透明颜色必须用rgba()或hsla(),不可用hex或命名色;transparent仅表全透;opacity作用于整个元素并触发新层叠上下文,易致z-index异常。