-
WebLocksAPI通过资源维度唯一锁名协调多标签页对共享状态的原子访问，所有读-改-写操作须在锁回调内完成并返回Promise，不支持环境需服务端幂等或前端提示降级。
-
capture属性在移动端可调用摄像头，但仅限特定场景且高度依赖浏览器实现；现代AndroidChrome、Safari（iOS16.4+）支持capture="environment"或capture="user"触发原生相机界面，而旧版iOS、微信内置浏览器等多数不支持。
-
<var>是纯语义标签，用于标记文档中表示变量名、数学符号或占位符的文本，不具动态功能，不影响运行时行为，仅提升可访问性与SEO。
-
必须用参数化Mixin管理按钮：尺寸用语义化map+guard判断的.button-size()，颜色变体显式分离@bg/@border/@text，状态样式正交封装为.button-state()，主题变量须在组件前导入以确保上下文一致。
-
呼吸感动画本质是用cubic-bezier(0.25,0.1,0.25,1.0)控制scale与translateY同步变化，通过压扁→拉伸的形变反馈模拟自然节奏，需注意iOSSafari对贝塞尔y值限于[0,1]及keyframes内不可设timing-function。
-
文本换行异常需协同设置word-break与white-space：前者控制断词位置（normal/break-all/keep-all），后者决定空白处理与换行权限（normal/nowrap/pre/pre-wrap）；长URL用break-all+normal，中英混排防误断用keep-all，预设换行用pre-line，优先选overflow-wrap:break-word保兼容。
-
移动端过渡动画卡顿的根本原因是重绘开销大，应仅用transform和opacity触发硬件加速，明确声明过渡属性，结合媒体查询按设备降级时长与效果，并适配触控操作与渲染瓶颈。
-
商品卡片应使用语义化HTML结构：用<article>包裹，标题用<h3>，价格等关键字段用带语义类名的标签（如<spanclass="price">），主图<img>必须含描述性alt属性，促销标签用<spanrole="note">，按钮统一为<buttontype="button">；CSS布局优先用flex实现单列流，大屏再切grid，禁用固定高度，图片区域设aspe
-
Tailwind中before/after伪元素必须显式声明content，如before:content-[""]，否则无效；所有样式需加before:/after:前缀；content值需在配置中扩展；定位需宿主relative+伪元素absolute及z-index控制。
-
柯里化是将多参数函数转换为一系列单参数函数的过程，通过闭包保存已传参数，待参数满足时执行原函数；支持部分调用、占位符及显式触发，提升函数组合与复用能力。
-
用Props实现表格排序和过滤的核心是状态上提：父组件管理sortBy、sortDir、filterText等状态并传给子组件，子组件仅渲染和触发onSort等回调，不维护状态；排序过滤分页顺序为先过滤、再排序、最后分页，逻辑置于父组件或自定义Hook中，子组件只接收displayData和total。
-
可通过四种CSS方法创建大圆形元素：一、div+border-radius:50%；二、SVG的circle元素；三、伪元素:before/:after；四、clip-path:circle()裁剪。
-
最简写法是给图片容器设background:rgba(0,0,0,0.4)并配合position:relative；需注意z-index层级、伪元素content必写、移动端加transform:translateZ(0)触发GPU渲染。
-
JavaScript中var声明会提升并初始化为undefined，而let/const仅提升声明、不初始化，访问时触发TDZ报错；var是函数作用域，let/const是块级作用域，for循环中let每次迭代创建新绑定，避免闭包陷阱。
-
核心是自动转义插值内容防XSS，如将<转为<，并提供显式不转义语法如{{{}}}供安全可控的HTML输出。
