-
HTML原生scoped属性已废弃,所有现代浏览器均忽略,无任何样式隔离效果;其被W3C标记为obsolete,不创建DOM边界、不重写选择器、不干预CSS作用域,纯属无效属性。
-
CSScubic-bezier()仅控制属性值随时间变化的速率,不改变运动路径;如配合translateX()或opacity使用,元素仍沿直线运动,无法实现弧线轨迹。
-
必须在play()前设置currentTime,且需用户手势触发、等待loadedmetadata事件、处理play()返回的Promise拒绝;否则iOSSafari等浏览器会静音拦截或跳转失败。
-
border-radius不生效主因是样式优先级、display类型或溢出干扰。需检查选择器权重,使用inline-block或block布局,确保无高优先级覆盖,并通过overflow:hidden和background-clip正确裁剪背景,最终用开发者工具验证计算样式。
-
HTML5为网页表单带来了更强大的原生验证功能,无需JavaScript即可实现基础的数据校验。通过合理使用新属性和输入类型,能显著提升用户体验并减少开发成本。使用语义化输入类型增强验证HTML5引入了多种新的输入类型,浏览器会根据类型自动进行格式检查。例如邮箱、电话、数字等字段可以直接用对应类型约束用户输入。email类型:确保输入内容符合邮箱格式,如user@example.comtel类型:适用于电话号码,虽不强制格式,但移动端会调出数字键盘number类型:限制只能输入数字,还可配合min和ma
-
location.href触发同步导航,立即卸载当前页并中止JS执行;支持相对/绝对/完整URL,但跨域跳转可能静默失败或报安全错误;无法控制历史记录与标签页复用,替代方案包括location.replace()(替换当前history条目)和history.pushState()(仅更新URL,不加载新页面)。
-
全透明的颜色值本质是alpha=0,包括rgba(0,0,0,0)、hsla(0,0%,0%,0)、#00000000和transparent;其中transparent语义清晰且兼容性好,推荐用于背景色。
-
全局常量不能直接写进BEM块内部,必须抽离到variables.scss等独立变量文件中统一管理,否则会导致块间复用困难、主题切换失控、夜间模式无法一致;$color-primary等原子级设计值须定义在variables.scss中,而$button-height等组件实现细节应留在_block.scss内用原子值计算得出。
-
HTML5Worker线程无法操作DOM,只能通过postMessage与主线程通信;传大数据应使用transferableobjects实现零拷贝;Worker脚本需同源HTTP服务加载;复用Worker实例更高效,异常时需主动close。
-
SVG图标按钮点击区域“缩水”主因是flex收缩、父容器塌陷或事件委托链中断,而非SVG自身变小;需设flex-shrink:0、min-width、正确viewBox与宽高、避免display:contents、用data属性增强closest定位。
-
根本原因是preventDefault必须在事件冒泡阶段之前调用,若绑定在父容器或委托事件中则失效;应直接给绑定click事件,配合pushState更新URL并渲染视图,同时监听popstate响应后退。
-
最便捷的引入方式是用<link>标签引入外部CSS文件,但必须满足三要素:路径正确、rel="stylesheet"不遗漏、且置于<head>内;任一缺失均会导致样式失效或FOUC现象。
-
Flex实现响应式等高列在Less中需设父容器display:flex和flex-wrap:wrap,子项用flex:11auto,配合@media(max-width:768px)设flex-direction:column及flex:11100%,避免固定高度破坏拉伸逻辑。
-
纯CSS深度按钮靠多层linear-gradient叠加实现明暗错觉:第一层tobottom垂直高光渐变,第二层toright水平阴影渐变,顺序不可颠倒,用background-size/position精准控光效;stop-color是SVG属性,CSS中应写#fff0%;:active时位移各层background-position增强按压感;IE11等旧环境用@supports降级单层渐变。
-
ChromeDevToolsMemory面板不自动检测泄漏,需通过至少三次堆快照对比确认:先手动GC后拍基线快照,执行操作后再拍两份,用Comparison模式查看#Delta持续为正且增长的构造器(如DetachedHTMLDivElement)及Retainers引用链,才能准确定位泄漏根源。