-
函数组合是将多个函数串联，前一个输出作为下一个输入。在JavaScript中，compose函数通过reduceRight实现从右到左执行，如compose(f,g)(x)等价于f(g(x))；支持异步时可用async/await顺序处理；与pipe不同，后者从左到右执行，更直观但非数学定义的组合。掌握compose有助于写出更清晰、可复用的函数式代码。
-
forEach是JavaScript中用于遍历数组并执行副作用操作的常用方法，接收含item、index、array参数的回调函数，但无法中断循环、不返回新数组、不能增删元素。
-
生成器函数通过function*和yield实现可暂停、可恢复的执行，返回迭代器对象，支持惰性求值，适用于自定义迭代器、异步控制、无限序列等场景，并需注意一次性使用、双向通信及与async/await的权衡。
-
防范XSS需验证输入、用textContent替代innerHTML、设置CSP策略；管理依赖应定期审计、锁定版本、移除无用包；敏感逻辑须置于服务端，禁用客户端明文存储；通过最小权限和沙箱隔离降低风险。
-
装饰器是一种通过@符号修改类或成员行为的语法，本质为接收目标对象、属性名和描述符的函数，可用于日志、权限控制等场景；方法装饰器可拦截调用实现只读、防抖等功能；通过装饰器工厂可传参定制逻辑，如环境限制执行；TypeScript需启用experimentalDecorators支持，结合emitDecoratorMetadata可辅助依赖注入，尽管JavaScript装饰器提案仍在Stage3，但已广泛用于现代框架。
-
浮动与Flex布局混合使用需划分清晰作用域，逐步迁移。Flex容器内子元素的float失效，应避免同层级混用；可局部升级高频交互模块为Flex，如按钮组、表单控件，提升对齐一致性；非Flex区域保留float与clear，注意清除逻辑独立；通过@supports进行特性检测，为IE9等旧浏览器提供基于float的降级方案；最终目标是全面转向Flex或Grid布局。
-
小型项目无需Redux，推荐useState+状态提升、useReducer或Context+useReducer；Redux适用于多组件共享状态、复杂异步逻辑及需调试/持久化等场景；轻量替代方案有Zustand、Jotai和Valtio。
-
JavaScript条件语句分if...else和switch：if...else适用于二选一、多分支或范围判断，switch适用于多个固定值的严格相等比较；前者支持逻辑表达式，后者仅支持全等且不支持范围。
-
纯CSS无法实现真正的checkbox递归控制，但可以实现视觉联动效果。1.展开/折叠菜单：通过:checked伪类结合~选择器显示或隐藏子菜单，并可配合过渡动画；2.选中状态高亮：利用:checked伪类改变选中项及其标签的样式；3.鼠标悬停反馈：通过:hover伪类增强交互体验；4.层级缩进：使用padding或margin区分不同层级；5.禁用状态提示：通过:disabled伪类调整不可操作项的外观。这些效果仅限于视觉层面，无法进行数据处理或逻辑判断。真正实现父子节点checkbox的递归控制，如勾
-
JavaScript异步编程通过回调函数等机制避免主线程阻塞，但多层依赖回调易形成回调地狱，导致代码嵌套深、错误处理分散、调试困难；Promise和async/await由此出现，以链式调用和同步风格提升可读性与可维护性。
-
本文提供一种健壮的水平滚动交互方案，通过智能判断滚轮方向与容器边界状态，确保用户既能向右水平浏览内容，也能随时向上滚动回到顶部初始区域。
-
可用Unicode字符、background-image或伪元素美化列表符号：Unicode简洁但需注意字体兼容；background-image完全可控且兼容好；::marker语义清晰但支持度有限；counter可自定义有序列表编号格式。
-
:first-child在表格中常不生效，因tr父元素是tbody，而tbody内首个tr未必是其第一个子元素；应显式写tbody、用:nth-child(1)或theadtr等更可靠选择器。
-
使用<style>标签可在HTML中嵌入CSS，推荐置于<head>内以优化加载。基本语法为“选择器{属性:值;}”，可定义页面样式、响应式规则等，适用于局部调整或快速开发，但大型项目建议外链CSS以利于维护。
-
JavaScript并发控制通过Promise+队列+计数器实现，用固定槽位限制同时执行任务数（如3个），新任务入队等待空闲，running计数器跟踪运行中任务，完成即释放槽位并调度下一个。
