-
padding-top百分比能固定宽高比,因其值按包含块宽度计算,配合absolute定位子元素可实现响应式比例布局;4:3为75%,16:9为56.25%,兼容性优于aspect-ratio。
-
应使用HTML5的<video>标签嵌入视频,通过src或<source>提供MP4/WebM等多格式,添加controls、poster、preload等属性,并结合CSS与JavaScript实现响应式布局和自定义控件。
-
every()对应“与”逻辑(全真才真,遇假即停),some()对应“或”逻辑(一真即真,遇真即停);二者均支持短路,空数组时every返回true、some返回false,且回调必须明确返回truthy/falsy值。
-
HTML不是编程语言,只需掌握标签用法即可构建网页;标签如<h1><p><img>用于定义内容结构而非执行逻辑;必须包含DOCTYPE、lang和charset三要素;应优先使用语义化标签如<nav><main><article>;表单需正确设置action、method、type、name等属性。
-
能,但必须满足三个硬性条件:usemap值带#、<map>的name严格匹配、<area>坐标基于原始图片像素;漏掉任一条件热区完全不响应且无报错。
-
mark标签默认背景色不可靠,必须显式设置background-color和color才能稳定生效;只设color无效,因默认黄色背景可能被深色模式、CSS重置或浏览器差异清除,导致文字糊底或完全不可见。
-
justify-self:end没生效,首要原因是缺乏对齐空间:父容器须设display:grid且定义列轨道(如grid-template-columns:1fr),目标元素必须是直系子元素且未脱离网格流(无position:absolute等)。
-
使用CSSGrid和mediaqueries可实现响应式图片列表等间距布局,通过grid-template-columns与minmax控制列宽,grid-gap设置间隙,并在不同屏幕下调整参数以适配设备,兼顾美观与兼容性。
-
HTTPS是现代网页运行的强制前提,因浏览器将HTTP视为不安全上下文,导致fetch跨域拒绝、Geolocation报错、ServiceWorker无法注册、混合内容被拦截、HTTP/2与HTTP/3无法启用等核心功能失效。
-
JavaScriptDate对象默认使用本地时区而非UTC,导致跨时区行为不一致;ISO带Z或偏移的字符串按UTC/指定时区解析,纯日期字符串行为不可靠;推荐全链路用UTC时间戳+toLocaleString({timeZone})格式化。
-
navigator.storage.estimate()必须在安全上下文中异步调用,返回usage和quota的估算值,quota动态变化且非精确,需结合persist()提升稳定性并避免依赖其绝对数值。
-
用BigInt与后端金融API交互需坚持“进得准、算得对、出得稳”三原则:金额统一以“分”为单位用字符串传,前端转BigInt计算,展示时自行格式化为“元”,收发JSON时精准转换、避免全局处理,且必须后端协同返回字符串。
-
“处处上线”的UI反馈是让用户在任何操作节点都能明确感知系统响应、当前状态及下一步变化,核心在于可预期、有温度、不打断的视觉与交互闭环。
-
Array.prototype.toSorted()是ES2023引入的不可变排序方法,不修改原数组而返回新数组,天然契合React声明式更新;相比会就地修改的sort(),它避免状态篡改、优化失效和调试困难等问题。
-
filter:blur()使文字变糊的根本原因是触发图层合成后浏览器光栅化策略改变:Chrome/EdgeGPU加速下双线性插值致边缘发毛,FirefoxCPU光栅化更稳,Safari受系统字体渲染限制易现灰边;will-change:filter仅预分配合成层、优化动画过渡,不提升静态模糊锐度,且滥用会导致内存暴涨;真正有效方案是拆分模糊背景与文字为独立节点,避免文字继承filter,必要时用backface-visibility:hidden重置光栅化上下文或text-shadow降级模拟,移动端需确