前端技术文章
-
style-loader必须在css-loader右侧，因Webpackuse数组从右向左执行：css-loader先解析CSS为JS模块，style-loader再注入到head；顺序颠倒会报错。463 收藏 -
不能只改后缀，因SCSS解析器更严格：需同步更新文件后缀、引用路径及做最小语法适配，否则易致编译失败或样式失效。455 收藏 -
BigInt除法不支持小数结果，必须转字符串后手动插入小数点或用BCMath缩放；前端展示需避免Number转换以防精度丢失，后端应始终以字符串接收并处理原始余额。440 收藏 -
静态场景优先用#FF5733等6位HEX，体积小、解析快、兼容好；动态调色用rgba()便于JS运算；HSL适合可预测的明暗饱和度调整，三者应按需混用避免压缩失效。145 收藏 -
响应式栅格系统由container-row-col三层结构、百分比宽度、媒体查询协同实现；列宽用百分比（如25%）确保相对缩放，配合box-sizing:border-box防溢出，flex布局比浮动更可靠，断点应遵循移动优先原则用min-width定义。111 收藏 -
用cubic-bezier(0.68,-0.55,0.27,1.55)可实现可控弹性动画，其负y1值制造初始下拉，超1的y2值产生回弹，配合单次scale关键帧与0.4s–0.8s时长达成自然效果。461 收藏 -
join()方法用于将数组元素连接成字符串，不修改原数组。默认以逗号分隔，可自定义分隔符，空数组返回空字符串，null或undefined转为空字符串。354 收藏 -
用Less变量定义全局box-shadow最稳妥，需加引号并用~@var插值；CSS自定义属性适用于运行时动态场景，二者定位不同，可共存但不自动同步；扩散范围宜用mixin封装，避免硬编码；Less变量无法被JS访问，导出需构建时处理。245 收藏 -
preload仅用于浏览器发现过晚但首屏必需的资源，如CSS中@font-face字体、内联样式中的首屏图片、module脚本依赖的主chunk及Hero区域关键图片；as属性必须准确匹配资源类型，否则降级为普通请求。476 收藏 -
父元素opacity会让子元素发灰，因其作用于整个渲染盒（paintingbox），使文字、图片等所有后代统一变淡；实际透明度为父级×子级乘积，无法用子元素opacity:1恢复；应改用rgba()仅控制背景等指定属性的透明度。202 收藏 -
应使用rgba控制背景透明而保持文字清晰，opacity会使整个元素及子元素变透明；两者均影响颜色对比度，需确保符合WCAG标准且动画仅作用于opacity或transform以避免卡顿。280 收藏 -
最稳妥清晰的方式是提取公共CSS文件并通过<link>标签统一引入；包括重置样式、基础排版、工具类、组件结构和CSS变量，按vars→base→utils→页面样式的顺序引入，注意路径一致、缓存更新、禁用@import及避免全局污染。316 收藏 -
computed是Vue中用于声明式派生状态的响应式工具，基于惰性求值、依赖追踪与缓存复用机制，仅在依赖变化时重新计算，适用于列表过滤、格式化、权限判断等场景。208 收藏 -
闭包是模块模式实现真正私有的唯一机制，通过作用域隔离使变量无法被外部访问，所有接口函数都依赖闭包引用私有状态，ES6模块底层仍由闭包维护词法作用域。448 收藏 -
本文介绍如何对键值结构的JSON对象（而非数组）按disease字段高效过滤，核心是使用Object.values()转为数组后结合filter()实现精准匹配。283 收藏