-
最便捷的引入方式是用<link>标签引入外部CSS文件，但必须满足三要素：路径正确、rel="stylesheet"不遗漏、且置于<head>内；任一缺失均会导致样式失效或FOUC现象。
-
Flex实现响应式等高列在Less中需设父容器display:flex和flex-wrap:wrap，子项用flex:11auto，配合@media(max-width:768px)设flex-direction:column及flex:11100%，避免固定高度破坏拉伸逻辑。
-
纯CSS深度按钮靠多层linear-gradient叠加实现明暗错觉：第一层tobottom垂直高光渐变，第二层toright水平阴影渐变，顺序不可颠倒，用background-size/position精准控光效；stop-color是SVG属性，CSS中应写#fff0%；:active时位移各层background-position增强按压感；IE11等旧环境用@supports降级单层渐变。
-
ChromeDevToolsMemory面板不自动检测泄漏，需通过至少三次堆快照对比确认：先手动GC后拍基线快照，执行操作后再拍两份，用Comparison模式查看#Delta持续为正且增长的构造器（如DetachedHTMLDivElement）及Retainers引用链，才能准确定位泄漏根源。
-
版权声明应置于语义正确的<footer>元素中，使用rel="license"链接真实可访问的许可证文件，年份交由构建工具或后端静态生成，避免JS动态渲染。
-
JavaScript支持函数式编程但需主动约束：不可变性（const≠不可变，需Object.freeze或immer）、纯函数（无副作用、输入输出确定）、柯里化（提升复用而非性能），核心是习惯而非语法。
-
通过CSS变量和JavaScript实现主题切换，先定义:root中的--变量，用var()引用并设置默认值，再通过classList.toggle('dark-theme')切换主题类，结合localStorage保存偏好，实现多主题动态换肤。
-
首屏预读机制是在首屏渲染完成、用户可交互后，利用主线程空闲时机按需加载非首屏必需但复用率高的数据，通过requestIdleCallback节制执行、状态标记防重复，并在DOM就绪后延迟启动。
-
WASM预编译无法实现百万行Excel全量计算的真正“即时”，本质受限于内存、解析开销与浏览器执行模型；实际通过预编译+增量计算+按需加载将感知延迟压至100ms内。
-
newService()是解耦的第一道坎，因其将服务创建与销毁逻辑耦合进组件，导致测试困难、功能扩展受限、内存泄漏及单例失效；provide/inject非真正DI，需配合工厂函数、InjectionKey和接口契约才能实现类型安全、跨框架复用的真解耦。
-
迭代器通过next()方法返回value和done属性，实现有序遍历；2.生成器函数用function*定义，通过yield暂停执行，简化迭代器创建；3.异步迭代支持forawait...of处理异步数据流，结合Promise实现延迟加载与资源控制。
-
Less变量在编译期被替换为具体值，不读取也不支持动态CSS变量；@{theme}插值不能用于属性名或var()参数；JS同步样式需通过CSS变量桥接，而非Less变量双向绑定。
-
内联缓存（IC）是JavaScript引擎在属性访问时就地缓存对象隐藏类与属性偏移量以跳过原型链查找的优化机制，解决动态属性访问开销大问题，按单态、多态、超态三级响应，并受对象结构稳定性影响。
-
optimum属性决定meter的“理想状态”颜色逻辑：它不直接参与颜色计算，而是与low、high共同划分三段区间，并指定哪一段为绿色优区间；value的颜色取决于其所在区间相对于优区间的远近关系，而非与optimum的数值差。
-
应设img的max-width:100%且height:auto，避免同时设width和height像素值；溢出常因父容器white-space、flex-shrink或box-sizing等导致；固定宽高容器可用object-fit:cover/contain，注意兼容性；内联SVG需单独处理。
