-
BEM的block__element--modifier结构不可随意更改，因其绑定CSS权重与可维护性，确保样式作用域清晰、避免覆盖；block必须是独立功能单元，element不可嵌套，modifier仅描述状态或变体。
-
HTML5Canvas无原生colorCurve滤镜，需手动操作像素实现；通过getImageData()获取像素数据，用三个长度为256的查找表（LUT）分别映射R/G/B通道，逐像素查表重算，再用putImageData()写回。
-
纯前端无法真正触发Webhook，但可用form模拟请求体或fetch发送JSON；需显式设Content-Type、JSON.stringifypayload，并避免file://协议限制。
-
双飞翼布局解决IE6/7下圣杯布局负margin兼容缺陷，实现中间内容优先渲染、侧边栏固定宽、主内容自适应；其核心是main用margin预留空间并配合position:relative微调，main-wrap与main双层嵌套不可省略。
-
基础转圈动画需两步：先用@keyframes定义从rotate(0deg)到rotate(360deg)的关键帧，再用animation:spin0.8slinearinfinite绑定；避免触发布局属性、确保GPU加速、注意优先级与渲染条件。
-
不支持。HTTPS页面因浏览器安全策略禁止加载HTTP资源，主动混合内容（如JS、CSS）被一律阻止，被动混合内容（如图片）可能警告或屏蔽；看似正常显示多因缓存或旧版浏览器，现代浏览器严格拦截并标记为blocked:mixed-content。
-
最可靠的方式是结合typeof检查与Object.prototype.toString.call()：先确保typeofobj==='object'且obj!==null，再验证Object.prototype.toString.call(obj)==='[objectObject]'。
-
color-mix()和hsl()是现代CSS动态颜色函数：hsl()通过自定义属性控制色调偏移实现主题同步，color-mix()按指定色彩空间混合颜色以确保深浅模式下视觉可靠。
-
Flexbox结合margin:auto可实现灵活布局，通过自动吸收剩余空间完成元素对齐与分隔。1.在行内轴上，margin-left:auto使元素右移，margin-right:auto使其左移；2.水平居中可通过margin:0auto实现（需限定宽度）；3.垂直居中在flex-direction:column时可用margin-top:auto和margin-bottom:auto；4.导航布局中，.logo靠左、.menu设margin-left:auto即可右推菜单；5.多按钮中最后一个设ma
-
padding-top百分比基于父容器宽度计算，用于实现宽高比锁定；需配合height:0、position:absolute等使内容脱离文档流，避免比例失效。
-
Vue的watch可监听unreadCount变化并触发favicon角标更新和桌面通知，需结合canvas绘制、NotificationAPI及WebSocket/SSE确保状态同步。
-
D3.js的核心是数据驱动DOM与SVG操作，通过enter/update/exit模式、比例尺、坐标轴、形状生成器等工具实现高度定制、响应式强、性能可控的可视化；适合需深度交互、动态更新或教学研究的场景。
-
WooCommerce配送标签不支持HTML渲染，因wp_kses_post()过滤仅保留极少数标签；应使用woocommerce_after_shipping_rate钩子插入HTML，或覆盖模板文件定制。
-
Flex布局对齐异常主因是混淆主轴与交叉轴：justify-content控主轴（方向由flex-direction决定），align-items控单行交叉轴，多行需用align-content；调试应先确认轴向、行数及容器尺寸。
-
ruby标签必须配合rb和rt才能正确渲染注音，rb是语义必需的被注音字容器，rt是对应读音，二者须一一紧邻配对；省略rb或错用结构会导致排版错乱、无障碍失效；rtc支持多层注音但仅Firefox原生支持；尽管W3C标记rb为弃用，当前所有主流浏览器仍强制要求显式书写rb。
