-
HTML5视频全屏时字幕不显示,因浏览器原生字幕控制器在全屏下被降级;应禁用track.mode='disabled',手动监听cue变化并用div渲染,注意z-index、尺寸同步及Chrome98+需延时设mode='showing'。
-
可行,但仅限在var()的默认值中嵌套引用,变量名位置不支持动态拼接;嵌套展开为单层递归,fallback中可链式使用var(),calc()内变量须为无引号原始值。
-
grid-auto-flow:row是默认值,仅控制网格项按行顺序填入而不自动增加行轨道;真正实现“换行”需配合grid-auto-rows设置隐式行高,并结合repeat(auto-fit/fill)动态列定义。
-
HTML5原生placeholder属性直接写在input标签中,支持text、search等类型,中文空格emoji均可显示;非JS/CSS属性,错误操作会导致失效;需配合label实现无障碍,::placeholder伪元素须兼容各浏览器前缀。
-
直接用width在响应式表格中失效,是因为th和td宽度需同步计算,而浏览器默认独立处理;必须配合CSS变量+table-layout:fixed才能实现列宽一致。
-
aria-current是为屏幕阅读器标识当前页或当前步骤的必需语义属性,必须用于导航栏、分页、标签页等有明确“当前”状态的场景;常用值为page(整页级)和step(多步流程中),不可混用;需与class="active"共存,不可替代。
-
通过一个真实的按钮卡顿场景,演示如何用 PerformanceObserver 捕获 Long Task,并把重计算拆分到分片任务或 Worker 中。
-
行,但需用fetch()调用PrometheusAPI(如/api/v1/query_range),将返回的秒级时间戳乘1000转毫秒供Chart.js识别,并配置cors_allowed_origins、处理认证与空数据等边界情况。
-
使用TailwindCSS内置工具类可快速统一按钮颜色与大小:1.颜色通过bg-blue-600、text-white和hover:bg-blue-700实现蓝底白字悬停加深;2.大小用py-2px-4设定常规尺寸,小按钮用py-1px-3,大按钮用py-3px-6;3.结合rounded-lg和transition打造圆角与动画,形成可复用的类组合,确保跨组件视觉一致且维护简便。
-
href用于创建超链接,src用于嵌入资源。1.href用于<a>和<link>标签,src用于<img>、<script>、<iframe>标签。2.href异步处理不阻塞页面,src会阻塞页面加载。3.href影响SEO,src影响较小但需正确加载资源。
-
瘦客户机运行HTML函数工具需验证浏览器引擎支持、本地化依赖、绕过沙箱限制、降级为静态实现并确认JS执行能力。具体包括检查内核版本与API支持、内联所有资源、调整CSP策略、重构为零依赖代码,以及测试基础JS执行能力。
-
或者
aria-readonly仅向辅助技术传达只读语义,不改变交互行为;必须与原生readonly或事件拦截配合使用,否则会导致语义与实际行为错位。
-
关键不是看页面总内存,而是盯住fetch触发后、响应体开始解析前的内存增量;调用.text()等会一次性解码致内存暴涨,而用response.body.getReader()流式处理可将峰值稳定在5–10MB。
-
能,Reflect.ownKeys可获取对象所有自有属性键,包括字符串键和Symbol键,不区分可枚举性,且按创建顺序返回,是唯一覆盖全部自有键类型的规范方法。
-
WeakRef无法直接包裹WebGLTexture,因其是宿主对象且不受JSGC管理;可行方案是用WeakRef持有HTMLImageElement或轻量元数据对象,并通过FinalizationRegistry在对象销毁时调用gl.deleteTexture(),且须先校验gl.isTexture()。