前端技术文章
-
window.open()用于打开新窗口或查找已命名窗口，语法为window.open(URL,name,specs,replace)，其中URL、name、specs均为可选参数，replace已弃用且Chrome中会抛异常。375 收藏 -
background-clip:text未生效是因为未同时满足color:transparent和-webkit-background-clip:text；Firefox不支持该属性，需用@supports提供降级样式。388 收藏 -
Bun完全兼容Node.js的模块导入语法，importfsfrom'fs'和importfsfrom'node:fs'均可正常工作且性能无差异；推荐统一使用'node:fs'等显式协议导入，以提升代码可读性、明确模块来源，并为未来生态演进预留兼容性。370 收藏 -
metaname="author"标签不影响SEO排名，仅作人工可读的归属说明；适用于内部文档、静态博客、协作溯源等场景，content宜用邮箱/GitHubID，多人用逗号分隔且≤256字符，需与generator、copyright语义区分并及时更新。331 收藏 -
闭包是React函数组件实现稳定状态逻辑的底层机制，它使每次Hook调用都能独立捕获并维持当前渲染环境的状态快照，确保自定义Hook中变量生命周期可靠、事件处理器能正确读取最新值，并支撑Hook调用顺序契约。145 收藏 -
data-*属性能存数据但不私有，仅适合公开辅助信息；dataset自动驼峰转换且值恒为字符串，getAttribute返回原始字符串；敏感或复杂数据应存JS变量或Map而非DOM。216 收藏 -
border-radius定义元素圆角形状，overflow:hidden裁剪超出内容，二者结合确保图片等元素在容器内按圆角规则显示，避免直角溢出，实现如圆形头像、响应式卡片等视觉效果。193 收藏 -
flex-wrap用于控制Flexbox子元素是否换行，可选值为nowrap（不换行）、wrap（允许换行）和wrap-reverse（反向换行），常与flex-direction配合实现响应式布局。384 收藏 -
动画卡顿本质是主线程被密集计算阻塞，增量步进通过分阶段、交替执行、写入屏障实现错峰处理，可类比用于动画：帧粒度拆分、Worker卸载计算、异步批处理。414 收藏 -
grid-auto-rows:min-content不影响容器高度，只控制隐式行高度；容器需移除height/min-height等限制并避免父容器拉伸，才能真正贴合内容。266 收藏 -
浮动布局核心优点是支持图文环绕与多栏布局、兼容性好、无间隙问题；缺点是脱离文档流致高度塌陷、易卡住、DOM结构耦合高；清除方式含伪元素法、overflow触发BFC、额外标签法及display:flow-root。327 收藏 -
Less无法直接实现counter-reset和counter-increment自动递增，因其是编译时预处理器，而CSS计数器依赖DOM结构和运行时渲染；应仅用Less生成基础样式骨架，由浏览器执行计数逻辑。277 收藏 -
JavaScript模块化演进为从无到有、手动管理到标准化的过程，ES6模块（ESM）与CommonJS是两大主流方案，核心差异在于加载时机（编译时静态vs运行时动态）、导出机制（活绑定vs值拷贝）、语法设计（default/named导出vs单一module.exports）及运行环境适配。209 收藏 -
findIndex()返回首个匹配元素索引或-1，适用于对象数组复杂条件查找；需防undefined、正确组合条件、善用thisArg复用谓词，并避免与find()重复调用。491 收藏 -
满减活动页面必须用JavaScript实现，HTML仅负责结构展示；JS需监听输入、计算总价、匹配满减规则、实时更新DOM，并处理移动端节流、精度、交互体验等细节。230 收藏