-
nth-last-child(n)的真实作用是匹配倒数第n个元素,而非统计子元素数量;它需结合其他伪类(如:nth-child、:only-child)通过位置特征间接推断数量范围,典型应用是纯CSS实现“3个以内横排、4个起网格”的响应式布局。
-
float:right会导致视觉顺序与DOM顺序不一致,因其按HTML顺序将元素逐个右推,后出现的先占右端;应改用display:flex+justify-content:flex-end,语义清晰、响应可靠、兼容现代浏览器。
-
优先用inset()或circle()的相对单位(如50%、0.3rem),避免硬写px;polygon()坐标须按顺时针或统一逆时针排列,否则裁剪区域反向;Safari需双写-webkit-clip-path且慎用path()和transition。
-
JSON.stringify的核心作用是将JavaScript对象或值转换为JSON字符串,便于数据传输(如fetch发送POST请求)和存储(如localStorage);2.处理特殊类型时需注意:函数、undefined、Symbol会被忽略,数组中对应值变null,循环引用会抛错,Date转ISO字符串但反序列化仍为字符串,BigInt和Map/Set需手动处理;3.通过replacer参数可过滤属性或自定义转换逻辑(如隐藏敏感信息、处理BigInt),space参数可格式化输出(数字为空格数,字符
-
基准条件是递归函数安全返回的唯一出口,必须覆盖所有输入终点且参数须单调趋近;如阶乘中n==0或n==1因数学定义和不可分性成为正确基准,错写将导致失控递归。
-
textarea+input实时校验更可靠,因HTML表单pattern仅提交时触发原生提示,而实时监听input事件可即时反馈;需截断长文本、禁用默认提示、动态构造正则时正确转义特殊字符,并避免回溯爆炸。
-
CSSStyleSheet构造函数是用于创建可复用样式表对象的API,但截至2024年底仍属实验性功能,仅Chromium系浏览器在开启实验标志后部分支持,Safari和Firefox完全不支持,直接调用newCSSStyleSheet()会抛出TypeError,生产环境应使用style元素的sheet属性安全获取真实CSSStyleSheet实例。
-
Chrome下input[type="search"]清除按钮需四行CSS才能彻底隐藏:先重置-webkit-appearance:textfield,再分别禁用::-webkit-search-cancel-button、::-webkit-search-decoration和::-ms-clear伪元素,否则会出现残留、留白或错位。
-
indent-8不起作用是因为TailwindCSS默认不提供text-indent工具类,需通过自定义配置(如theme.extend.textIndent+插件)或内联样式等方式手动启用。
-
通过封装可复用组件和使用@apply提取公共类,将重复的Tailwind类名集中管理,提升代码可维护性与开发效率,实现高效组件复用。
-
WebWorkers无法直接操作DOM,因运行在独立线程且无document、window等API,只能通过postMessage与主线程通信;支持console、fetch、ArrayBuffer等,不支持localStorage、XMLHttpRequest;需注意结构化克隆限制、同源脚本要求及SharedArrayBuffer使用门槛。
-
直接触发BFC可解决非浮动元素被浮动元素遮挡问题:给被遮挡元素加overflow:hidden或display:flow-root,使其避开浮动区域;overflow:visible不触发BFC,且避免滥用overflow:hidden导致弹窗裁剪。
-
PerformanceMonitor可实时监控JSHeap波动,刷新即显,适合快速排查内存异常增长;它显示可到达对象的堆内存、DOM节点数等四条曲线,但不记录历史或展示引用链。
-
HTML压缩是安全有效的性能优化手段,核心配置需谨慎:collapseWhitespace和removeComments必须配合preserveLineBreaks与ignoreCustomFragments使用,避免pre/textarea内容错乱;removeOptionalTags慎用于旧浏览器;Webpack中html-webpack-plugin需显式配置minify对象而非布尔值;服务端Gzip/Brotli压缩比构建时HTML压缩更关键且高效。
-
现代响应式布局应以flexbox+grid为核心,外层grid划分区域、内部flex流式排列,配合srcset、clamp、prefers-reduced-motion等原生特性实现真正可用的跨设备体验。