-
强制启用HTML5视频播放有五种方法：一、修改URL添加html5=1参数；二、禁用Flash插件；三、用开发者工具注入或创建video元素；四、切换用户代理字符串；五、在源码中替换为标准video标签。
-
定位解决单个元素精确定位，Flex解决多子元素协调分布；定位适合脱离文档流的局部控制，Flex适合一维内容排列与对齐，浮动已基本淘汰。
-
隐式网格由浏览器在网格项目超出显式定义行列数或指定超出范围的网格线时自动创建；其轨道尺寸由grid-auto-rows/columns控制，填空方向由grid-auto-flow决定。
-
HTML原生checkbox的background-color在未选中状态下无法通过CSS直接生效，因为浏览器对原生控件的样式支持有限；要实现完全可控的视觉效果（如统一hover、默认、checked状态），必须采用“隐藏原生input+自定义伪元素”的方案。
-
自定义事件通过CustomEvent创建，配合dispatchEvent分发和addEventListener监听，实现组件间解耦通信。1.使用newCustomEvent('name',{bubbles,cancelable,detail})定义事件；2.调用element.dispatchEvent(event)触发；3.用addEventListener('name',handler)接收，可跨组件传递数据，适用于表单验证等场景。
-
flex等宽应设flex:110且min-width:0；grid三列等宽用repeat(3,1fr)，并加overflow-wrap:break-word防撑开。
-
WebSocket连接失败时onerror不触发是因为服务端未响应HTTPUpgrade握手，浏览器等待超时而非进入错误回调；需用curl模拟握手、检查端口/TLS/反向代理配置。
-
应优先用opacity实现背景透明过渡，因其插值稳定且兼容性好；若需文字不透明，则改用rgba()的background-color过渡并确保浏览器支持；避免transition:all，必要时用will-change优化性能。
-
同步加载阻塞渲染，确保样式完整但易白屏；2.异步加载提升首屏速度，可能引发FOUC；3.内联关键CSS缩短渲染路径；4.预加载与媒体查询优化资源加载时机。合理组合可平衡速度与体验。
-
答案：CSS尺寸单位需根据场景选择，px用于精确控制但缺乏弹性，em相对父元素字体易嵌套混乱，rem基于根元素适合响应式，%实现流式布局，vh/vw依据视口适配屏幕；推荐rem和vw为主，em为辅，%控布局，px用于细节，组合使用提升适配性。
-
现代事件绑定首选addEventListener，支持多监听器、可移除、语义清晰；避免onclick属性或赋值覆盖；动态元素需事件委托；慎用preventDefault和stopPropagation；移动端可禁用缩放消除click延迟。
-
cursor:pointer是最常用且应默认添加的交互提示，用于告知用户可点击；需为所有绑定click事件的元素设置，避免用户反复试探；自定义光标须含尺寸、热点坐标和fallback，移动端Safari不支持url()自定义光标。
-
grid-auto-flow属性决定未指定位置的网格项排列方式，默认按行填充，可设为列优先或启用dense填补空隙。
-
color-scheme必须写在:root或html上才生效，写在其他元素上无效；它仅控制表单控件、滚动条等内置UI的默认配色逻辑，不直接改变background-color或color，需配合prefers-color-scheme媒体查询实现主题响应。
-
答案：使用float可实现固定宽度多列布局，通过设置float:left、指定宽度并清除浮动来并排排列元素。示例中左列200px，右列300px，父容器宽520px，用overflow:hidden清除浮动；如需间距，右列加margin-left并增加容器宽度。扩展至多列时需确保总宽不溢出，推荐配合box-sizing:border-box提升稳定性，适用于兼容性要求高的场景，现代开发更倾向Flexbox或Grid。
