-
组件销毁后emit不会自动触发，而是异步逻辑（如请求回调、定时器）在实例失活后仍执行emit，导致警告或错误；Vue3应用isMounted校验+onBeforeUnmount清理，Vue2需手动维护isDestroyed标识并取消请求。
-
根本原因是html和body默认有margin且height不足，必须设height:100%和margin:0，并确保viewport正确设置，否则background-size:cover无法实现全屏铺满。
-
Zapier不解析、不渲染、不执行HTML，仅作纯文本处理；HTML必须预验证格式、使用内联样式、避免外链，并通过CodebyZapier安全注入变量，发送前需按接收方要求编码或转义。
-
D3.js是数据驱动的SVG可视化库，需手动绑定数据与DOM元素，适合深度定制；通过select、data、enter、attr等方法构建图表，配合scale、axis、transition实现映射、坐标轴和动画。
-
需依据场景选WebSocket或Ajax：WebSocket用于实时双向通信，需创建连接、监听事件、处理重连；Ajax用XMLHttpRequest或fetch实现异步请求；跨域需CORS配置或代理。
-
CSSmin()函数不能写在HTML标签里，必须写在CSS规则中；它是一次性取最小计算值，需含vw/rem/%等动态单位才有效，否则为静态值。
-
最直接有效的方式是设置img{width:100%;height:auto;display:block;}；固定尺寸容器用object-fit:cover/contain；装饰性图片推荐背景图；全屏场景结合vw或%单位。
-
Object.entries配合reduce可一行将对象转为Map，且支持值加工；关键是以newMap()为初始值，每次调用set后返回同一实例。
-
JavaScript可通过CanvasAPI进行基础图像处理，如灰度化和边缘检测；结合TensorFlow.js可实现浏览器端图像分类与目标检测；借助tracking.js、face-api.js等库能简化开发；但需注意性能瓶颈与跨域限制，适合前端实时处理与轻量级识别任务。
-
class命名应全小写连字符分隔，按功能而非样式命名，避免拼音、中文、驼峰、下划线；推荐BEM结构，JS操作用classListAPI确保安全。
-
WeakMap是实现业务组件状态“硬隔离”托管的最可靠原生方案，其键必须为对象、不可遍历、无size/clear方法，且键失联后自动GC回收，确保状态与实例在语言机制层面强绑定。
-
String.prototype.normalize()是解决Unicode等价性问题的核心方法，支持NFC、NFD、NFKC、NFKD四种标准化形式，分别适用于显示存储、底层处理、搜索匹配和文本清洗，但不处理简繁体等非等价字符。
-
本文详解如何用纯CSS实现ChatGPT风格的聊天容器：新消息始终出现在可视区域底部，旧消息自然上移；聊天区独立滚动，父容器保持100%高度且无多余滚动条。本文详解如何用纯CSS实现ChatGPT风格的聊天容器：新消息始终出现在可视区域底部，旧消息自然上移；聊天区独立滚动，父容器保持100%高度且无多余滚动条。要构建一个专业、流畅的聊天UI（如ChatGPT），关键在于消息流的视觉逻辑：新消息“生长”于底部，历史消息被向上推挤，且仅聊
-
HTML不能做权限管理，权限控制必须由后端决定是否返回DOM节点或权限数据，前端仅负责根据后端返回的细粒度权限字符串（如"product:delete"）动态控制元素显隐，通过data-permission标记和事件委托批量更新视图，并确保API和服务端模板同步鉴权。
-
calc()不能直接用于颜色值，仅hsl()/hsla()的h/s/l参数及rgb()/rgba()各通道可间接使用calc()，因它们接受角度、百分比或无单位整数。
说明：width: 100% 会让图片宽度等于其父容器的宽度。displ