前端技术文章
-
TailwindCSS官方不支持row-span工具类，需用display:contents、原生rowspan属性或CSSGrid实现跨行效果，第三方插件存在兼容性与响应式限制。465 收藏 -
在JavaScript中通过JSDoc或TypeScript可标注对象可选属性：1.JSDoc用[prop]表示可选，如@typedef{Object}UserConfig@property{string}[email]；2.TypeScript用prop?:type，如age?:number；应根据项目选择规范以提升可读性和维护性。115 收藏 -
空白页主因是document.write()在加载后清空页面，或HTML未正确加载、JS报错阻塞、CSS隐藏内容；应按Network→Console→Elements顺序排查。483 收藏 -
padding-block是按writing-mode动态映射块方向内边距的逻辑属性，非简单替代padding-top/bottom；其start/end端映射取决于书写模式，如horizontal-tb下对应上下，vertical-rl下对应左右，未设writing-mode时行为等同物理属性但语义不同。331 收藏 -
WeakRef不能直接构成LRU缓存，必须手动维护元数据结构实现访问排序、容量控制和淘汰逻辑；@lru_cache使用强引用且不支持弱引用清理，WeakValueDictionary无访问顺序，真正可行的是Map+WeakRef+FinalizationRegistry协同方案。305 收藏 -
不能。现代浏览器已全面移除NPAPI/ActiveX插件支持，object标签仅可靠用于嵌入PDF，需严格匹配MIME类型、正确设置type和data，且fallback仅在请求失败或MIME不匹配时生效。177 收藏 -
<mark>是HTML中唯一语义化标记“上下文相关高亮”的标签，用于搜索关键词、代码改动等场景，区别于仅视觉装饰的<span>，确保屏幕阅读器和搜索引擎识别其语义。214 收藏 -
不能。Intl.Segmenter的granularity:'word'对中文仅按Unicode字符边界切分，返回单字而非语义词，不识别“人工智能”等词汇，仅适合轻量级可读字符数估算，无法替代jieba等语义分词工具。310 收藏 -
使用map()时漏写return会导致新数组全为undefined，因map依赖回调函数显式返回值；箭头函数单表达式可隐式返回，块级语句必须显式return。466 收藏 -
fetch是浏览器原生API，轻量但需手动处理错误、Cookie、超时等；axios是第三方库，开箱即用，内置拦截器、自动JSON序列化、超时控制等功能，适合中大型项目。105 收藏 -
银行卡号掩码处理保留前4位和后4位，中间用星号替代；正则模式为^(\d{4})\d{7,15}(\d{4})$，配合代码动态计算星号数量，兼顾15–19位卡号兼容性。325 收藏 -
navigator.clipboard.writeText()写入失败的常见原因包括：非安全上下文（非HTTPS且非localhost）、非用户手势触发、异步延迟调用、iframe缺失allow="clipboard-write"属性、浏览器权限静默拒绝、文档未聚焦或标签页非活跃，以及Safari等浏览器需额外权限声明或不支持。349 收藏 -
虚拟滚动和下拉刷新可以共存，关键在于分离数据加载与视图渲染逻辑：下拉刷新重置数据源并更新，虚拟滚动仅根据当前数据动态渲染可视区域，二者职责分明即可实现流畅响应体验。304 收藏 -
JavaScript事件是交互的触发机制，需用addEventListener绑定并确保DOM就绪；阻止默认行为用e.preventDefault()；重复触发常因监听器重复添加，可用once选项或事件委托解决。288 收藏 -
标签云必须用<ul>结构并设data-weight属性，归一化为1–4整数档，字号用em或clamp()，布局用flex-wrap，否则失去语义、无障碍与响应式能力。217 收藏