-
padding-block是按writing-mode动态映射块方向内边距的逻辑属性,非简单替代padding-top/bottom;其start/end端映射取决于书写模式,如horizontal-tb下对应上下,vertical-rl下对应左右,未设writing-mode时行为等同物理属性但语义不同。
-
WeakRef不能直接构成LRU缓存,必须手动维护元数据结构实现访问排序、容量控制和淘汰逻辑;@lru_cache使用强引用且不支持弱引用清理,WeakValueDictionary无访问顺序,真正可行的是Map+WeakRef+FinalizationRegistry协同方案。
-
不能。现代浏览器已全面移除NPAPI/ActiveX插件支持,object标签仅可靠用于嵌入PDF,需严格匹配MIME类型、正确设置type和data,且fallback仅在请求失败或MIME不匹配时生效。
-
<mark>是HTML中唯一语义化标记“上下文相关高亮”的标签,用于搜索关键词、代码改动等场景,区别于仅视觉装饰的<span>,确保屏幕阅读器和搜索引擎识别其语义。
-
不能。Intl.Segmenter的granularity:'word'对中文仅按Unicode字符边界切分,返回单字而非语义词,不识别“人工智能”等词汇,仅适合轻量级可读字符数估算,无法替代jieba等语义分词工具。
-
使用map()时漏写return会导致新数组全为undefined,因map依赖回调函数显式返回值;箭头函数单表达式可隐式返回,块级语句必须显式return。
-
fetch是浏览器原生API,轻量但需手动处理错误、Cookie、超时等;axios是第三方库,开箱即用,内置拦截器、自动JSON序列化、超时控制等功能,适合中大型项目。
-
银行卡号掩码处理保留前4位和后4位,中间用星号替代;正则模式为^(\d{4})\d{7,15}(\d{4})$,配合代码动态计算星号数量,兼顾15–19位卡号兼容性。
-
navigator.clipboard.writeText()写入失败的常见原因包括:非安全上下文(非HTTPS且非localhost)、非用户手势触发、异步延迟调用、iframe缺失allow="clipboard-write"属性、浏览器权限静默拒绝、文档未聚焦或标签页非活跃,以及Safari等浏览器需额外权限声明或不支持。
-
虚拟滚动和下拉刷新可以共存,关键在于分离数据加载与视图渲染逻辑:下拉刷新重置数据源并更新,虚拟滚动仅根据当前数据动态渲染可视区域,二者职责分明即可实现流畅响应体验。
-
JavaScript事件是交互的触发机制,需用addEventListener绑定并确保DOM就绪;阻止默认行为用e.preventDefault();重复触发常因监听器重复添加,可用once选项或事件委托解决。
-
标签云必须用<ul>结构并设data-weight属性,归一化为1–4整数档,字号用em或clamp(),布局用flex-wrap,否则失去语义、无障碍与响应式能力。
-
JavaScriptTreeShaking是通过静态分析ES模块import/export依赖图,在打包时移除未使用代码的优化技术,要求使用ES模块、支持该特性的打包工具(如Webpack4+、Vite、Rollup)、无副作用代码,并需配置"sideEffects"字段及规范导出方式,最后必须在production模式下构建并验证生效。
-
CSS.registerProperty是CSSHoudini特性,用于注册带类型、初始值、继承性等元信息的自定义属性,使浏览器能校验值合法性并支持transition/@keyframes动画。
-
threshold仅按可见比例触发,对高矮元素响应不一致且无法保证加载完成;rootMargin通过扩展视口边界实现可控预加载,需带单位(如'200px0px'),配合isIntersecting判断和及时unobserve/disconnect避免重复加载与内存泄漏。