-
浮动与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计数器跟踪运行中任务，完成即释放槽位并调度下一个。
-
HTML注释中的空格不影响解析，解析器完全忽略注释内容；但空格影响可读性，需合理使用以提升维护性，且需遵守HTML5规范中关于<!--后不可有空格、-->前不可有空格的限制。
-
背景图片不显示最常见的原因是background-image路径错误；CSS路径相对于CSS文件位置而非HTML文件，需确认相对路径正确、文件真实存在且命名严格匹配（含大小写），并用开发者工具Network标签检查请求状态码。
-
在JavaScript对象字面量中，无法直接在属性声明阶段（如blockTypes:[newblockType(...)]）调用同对象内定义的构造函数，因为此时构造函数尚未作为变量或属性被解析；需通过分步赋值、IIFE或类封装等方式规避作用域与初始化时序问题。
-
JavaScript操作日期时间主要依靠Date对象，需掌握创建、获取、解析、格式化、计算和比较等核心方法及月份从0开始、字符串解析兼容性等常见陷阱。
-
align-items:baseline使网格子元素按文本基线对齐，适用于表单、按钮组等文本对齐场景，要求容器为display:grid且子元素有可识别基线，支持垂直（align-items）和水平（justify-items）对齐，提升文本视觉一致性。
