-
猎豹浏览器不支持自定义HTML5视频解码器,因其基于已停更的旧版Chromium,仅内置H.264/AAC软解,禁用命令行参数,无法启用VP9/AV1/HEVC;TV端“预设解码”实为编译期配置,非运行时可调。
-
clamp()设置字号必须单位兼容、顺序正确、首选值合理浮动,否则整条声明被浏览器丢弃;Safari中clamp不生效主因是vw解析延迟,缺viewportmeta或嵌套@media会加剧问题。
-
HTML本身无法动态生成页面,必须依赖JavaScript操作DOM或模板引擎(如Handlebars、Jinja2)及服务端语言;浏览器端需预编译与数据绑定,服务端需防XSS与路径遍历,零依赖方案可用template标签与DOMParser。
-
用justify-content:space-between实现两端对齐最常用可靠,需父容器display:flex且子元素不设flex:1或100%宽;text-align-last:justify配合text-align:justify可实现单行文字两端对齐;避免用float或absolute模拟,grid中使用需注意轨道定义。
-
Grid打印错乱因浏览器引擎忽略grid-template-areas等声明,须显式设置grid-column/row、禁用gap、为每个子项加break-inside:avoid,并重写全部打印样式。
-
Less和Sass虽都支持BEM,但&行为(Less仅绑定直接父级、Sass可灵活引用)、变量作用域(Less全局覆盖、Sass块级优先)及嵌套编译逻辑不同,照搬易致选择器错误或覆盖失效。
-
DOMPurify是JavaScript库,需调用sanitize()净化HTML字符串后再渲染;正则过滤不可靠,它基于真实DOM白名单解析;生产环境须显式配置ALLOWED_TAGS/ATTR并限制URI协议,且前后端均需净化。
-
<p>直接改box-sizing:border-box能解决大部分百分比布局错位,但仅写{box-sizing:border-box;}常失效,因未覆盖::before/::after伪元素(不继承该属性)、第三方组件shadowDOM(样式隔离)、旧版Safari对表单控件支持不稳定;正确写法是,::before,::after{box-sizing:border-box;}并置于CSS最顶部。</p>
-
JavaScript操作CSS样式有两条核心路径:一是直接修改元素的style属性(内联样式),适用于一次性、条件性强的变更,但难维护;二是通过classList切换预设CSS类,推荐用于主题、状态和动画触发,更可控易调试;此外,需用getComputedStyle()读取真实渲染样式,CSS自定义属性则提供灵活的JS-CSS桥梁。
-
initial-scale=1失效主因是viewport标签未在<head>最开头声明、被重复或动态插入覆盖、或内容溢出撑开视口;必须写width=device-width,initial-scale=1.0,且置于所有其他meta和title之前。
-
最轻量图片对比滑块用HTML+CSS+JS实现:两张图绝对定位叠放,range控件实时绑定clip-pathinset裁切(推荐--p变量写法),监听input事件;需等图片onload后初始化,处理加载失败、宽高比不一致、移动端touch-action及Safari兼容性问题。
-
纯CSS深度按钮靠多层linear-gradient叠加实现明暗错觉:第一层tobottom垂直高光渐变,第二层toright水平阴影渐变,顺序不可颠倒,用background-size/position精准控光效;stop-color是SVG属性,CSS中应写#fff0%;:active时位移各层background-position增强按压感;IE11等旧环境用@supports降级单层渐变。
-
Vue3的reactive通过Proxy实现响应式,支持深层监听、动态增删属性、数组索引赋值及Map/Set等结构,采用懒代理、依赖收集与触发更新闭环机制。
-
用--radius自定义属性统一管理圆角是最轻量易维护的方式,需全局引用、避免硬编码,并通过calc()或分层变量(如--radius-btn)应对差异化需求,同时注意Safari兼容性及响应式缩放问题。
-
SSR的核心是在Node.js中执行组件并生成带数据的HTML字符串,而非直接返回静态index.html;必须包含组件执行、数据注入、HTML合成三环节,且需规避浏览器API、保证同构、严格对齐客户端水合。