前端技术文章
-
HTML5文档封面可通过语义化标签构建结构、CSS全屏样式控制、内联图片嵌入、锚点跳转及响应式适配实现；具体包括用<sectionid="cover">定义封面区，Flex居中文字，<img>替代背景图，#document-body锚点跳转，并通过媒体查询优化移动端显示。312 收藏 -
ES6是JavaScript运行逻辑与思维的重校准，核心特性包括：①let/const提供块级作用域与TDZ；②箭头函数继承词法this；③解构赋值与模板字符串提升语义表达；④扩展运算符与剩余参数统一展开/收集逻辑。231 收藏 -
Safari中background-clip:text无效是因为仅支持-webkit-background-clip:text，且需同时声明两者；必须显式设置background-image、文字元素设为inline/inline-block，并避免任何合成属性触发。243 收藏 -
真正靠谱的做法是用构建工具接管CSS合并：开发阶段保留多个文件便于协作，上线前用PostCSS（postcss-import+cssnano）内联@import、压缩优化，禁用可能误删样式的插件如discardDuplicates和mergeLonghand，并通过postcss-reporter监控日志。300 收藏 -
闭包是JavaScript中函数记住其定义时词法环境的自然结果。它要求嵌套函数、内层函数被传出、外层变量持续被引用，用于私有状态封装、事件处理、防抖节流等，但易致内存泄漏或变量共享问题。151 收藏 -
用text-transform:capitalize让单词首字母大写，它使每个单词首字母自动大写、其余小写，适用于所有元素；::first-letter仅作用于块级元素首字符，用于排版如首字下沉，不适用于单词首字母大写。196 收藏 -
Autoprefixer仅补语法前缀，不降级语义：flex:1不会转为-webkit-box-flex:1，Android4.3等旧内核连display:-webkit-box都不识别，关键布局需手动降级为width/float等原生方案。396 收藏 -
HTML中不存在能直连USB硬件的函数，网页加载速度瓶颈在于磁盘I/O、浏览器缓存策略及服务端配置，而非USB接口带宽。262 收藏 -
浮动元素高度不一致会导致视觉参差和换行错乱，需通过固定高度、padding拉齐或改用Grid/Flexbox实现等高对齐，并注意清除浮动防父容器塌陷。191 收藏 -
下划线在正则中是字面量，无需转义；匹配合法标识符需用^a-zA-Z*$等完整模式，禁首尾/连续下划线需结合锚点、负向断言或分段约束。153 收藏 -
当数组中所有金额均为负数时，若错误地使用减法累加（如total=total-el.amount），会导致结果符号反转；应改用加法运算才能得到正确的负数总和。395 收藏 -
box-shadow外扩散失效主因是父容器overflow隐藏、层叠上下文触发或参数误设；需检查overflow/transform/filter影响，用translateZ(0)强制分层，伪元素移出阴影，合理组合inset与外扩，并控制扩散距离≤8px。487 收藏 -
直接写.btn--disabled更可靠，因BEM修饰符用--前缀将状态锁死在组件内，避免外部样式覆盖、DOM层级依赖及语义混淆，且需绑定具体UI表现、独立存在、统一命名规范。283 收藏 -
NodeList支持forEach和for...of，HTMLCollection不支持forEach、仅现代浏览器支持for...of，二者均需传统for循环确保兼容性。418 收藏 -
HTML5中设实线边框最直接方式是CSS的border:1pxsolid#000;，其中solid为必需关键词；手机端需应对高DPR导致的1px模糊问题，推荐伪元素+scale(0.5)方案。450 收藏