-
Tailwind的boxShadow配置只接受对象映射而非数组，因JIT引擎仅识别key-value结构，每个value必须是含逗号分隔的合法box-shadow字符串；传入数组会导致静默忽略或构建失败。
-
JavaScript性能优化的核心是减少主线程阻塞、降低内存占用、避免不必要的计算和重排重绘，具体包括批量DOM操作、读写分离、事件委托、节流防抖、及时清理定时器与监听器、防止内存泄漏及拆分长任务。
-
Node.js的EventEmitter默认是同步执行的，事件监听器在emit调用时立即按注册顺序执行，而非进入事件循环等待；因此顶层代码（如console.log）会在所有监听器执行完毕后才运行。
-
Number.MAX_VALUE是IEEE754双精度浮点数能表示的最大有限正数，约1.7976931348623157×10³⁰⁸，非整数上限也非精度边界，超此值即溢出为Infinity。
-
Less无法在运行时响应屏幕变化，所有逻辑均在编译期完成；响应式需依赖CSS媒体查询、预设断点变量或JS实现，@if等控制指令仅支持静态求值，vw等运行时单位不可参与Less计算。
-
纯CSS汉堡按钮失效的主因是DOM结构松动、transform-origin偏差或iOS点击失灵；需确保label包裹input、~选择器严格同级、每条横线独立设置transform-origin，并为label添加cursor:pointer和最小宽高。
-
内联样式权重固定为(1,0,0,0)，不可叠加且最高优先级；ID选择器每出现一次b位加1；类/属性/伪类共用c位可累加；权重逐位比较，不求和；继承样式权重为(0,0,0,0)。
-
按钮等宽的关键是flex:100配合min-width:0，以禁用收缩并破除浏览器对button的隐式最小宽度限制，同时需父容器display:flex且子项不设冲突width。
-
设备方向相关的JavaScriptAPI主要包括DeviceOrientationEvent和DeviceMotionEvent，用于获取移动设备的方向和运动数据。1.DeviceOrientationAPI通过监听deviceorientation事件提供alpha（Z轴旋转）、beta（X轴倾斜）和gamma（Y轴倾斜）三个角度值，实现设备方向检测。2.出于安全考虑，现代浏览器要求页面在HTTPS环境下运行，并可能需用户交互后才能启用传感器；部分浏览器如Chrome需通过PermissionAPI显式
-
用<svg>手写迷你折线图最轻量，需直接归一化数据至目标尺寸（如100×20px），用<polyline>绘制，设stroke-linecap="round"和stroke-linejoin="round"保清晰，动态更新仅改points属性，IE11需改用<path>兼容。
-
本文详解ForgeOSS服务中创建Bucket的完整流程，涵盖身份认证、请求构造、命名规范与常见400错误排查，帮助开发者快速定位并解决createBucket接口调用失败问题。
-
先让绿色立方体转起来是Three.js入门关键，需用<scripttype="module">引入Three.module.js，按scene→camera→renderer顺序初始化，用MeshBasicMaterial避免光照问题，动画必须用requestAnimationFrame循环渲染。
-
固定像素值right:20px在缩放或小屏下错位，是因为20px始终为物理像素，不随视口动态调整；正确做法是用calc(2vw)或CSS变量配合媒体查询动态控制偏移量。
-
align-content控制多行flex容器中各行在交叉轴上的分布，仅当flex-wrap:wrap且交叉轴有剩余空间时生效；align-items才控制每行内子项的交叉轴对齐。
-
:hover生效需满足元素有尺寸、可命中且pointer-events未禁用；安全标签为<button>等，默认支持；<div><span>需设padding/width或cursor:pointer；嵌套悬停须正确书写选择器，动画应加在属性而非伪类上。
