-
单个元素右对齐应使用margin-left:auto，而非justify-content:flex-end；后者控制所有子项整体分布，仅在唯一子元素时有效，而margin-left:auto通过主轴自动分配剩余空间精准推至右侧。
-
禁用文本选中最简单有效的方法是设置user-select:none并添加各浏览器前缀；但该属性仅阻止视觉选中，无法真正防止内容被获取，需结合服务端鉴权等手段才能有效保护敏感数据。
-
不能。background-image本身不响应border-radius裁剪，需配合border-radius和background-clip:padding-box（默认）实现视觉圆角，避免background-origin:border-box，推荐background-size:cover/contain。
-
ReactHooks与ContextAPI进阶用法包括：1.useState处理复杂数据时保持不可变性，useEffect精准管理依赖和清理副作用；2.自定义Hook如useLocalStorage提升逻辑复用；3.ContextAPI结合useMemo优化深层传参性能；4.useReducer管理复杂状态流，配合Context实现轻量全局状态。合理组合可构建健壮易维护的中小型应用架构。
-
链表节点应定义为classNode{constructor(value){this.value=value;this.next=null;}}，next必须显式初始化为null而非undefined，字段名统一用next以保证兼容性和可维护性。
-
user-select:none有时无效，主因是未作用于目标元素、被覆盖、不继承、表单控件忽略、Firefox需-moz-前缀，或旧Safari对all支持差。
-
Redux与Vuex均采用单一状态树实现集中式管理，强调状态变更的可预测性。1.Redux强制状态不可变，通过纯函数reducer响应action并生成新state，确保可追溯性；Vuex则基于Vue响应式系统，约定通过mutation同步修改state，保障变化可追踪。2.Redux使用action触发reducer更新状态，需借助中间件（如thunk）处理异步；Vuex的action原生支持异步操作，结构更直观。3.两者均支持模块化扩展：Redux通过combineReducers组合reducer，
-
padding和margin不直接控制对齐，而是通过改变内外空间间接影响视觉位置；真正决定对齐的是盒模型四部分共同构成的尺寸与定位基准。
-
正确做法是通过transform或margin实现浮动元素移动动画，因CSS不能直接动画float属性。推荐使用transform:translateX()进行平滑移动，示例中.floating-box:hover应用translateX(50px)实现无重排的高效动画；也可通过margin-left变化实现位移，但会触发重排，性能较差；更优方案是改用position、Flexbox等现代布局配合transition，如相对定位元素动画left值，结构清晰且易于控制。核心是避免对float直接动画，优先选
-
浮动元素触发重排的典型场景是从该元素所在行向上回溯到最近块级容器并重排整个子树，诱因包括尺寸样式变化、父容器resize、内容增长及强制布局读取；clear属性会扩大重排范围，现代方案如Flex/Grid性能更优且可控。
-
应使用语义化模块职能类名，如hero、features、testimonials；避免数字编号、位置命名或泛化名称；变体用BEM修饰符（如hero--dark）；统一小写连字符；类名补充HTML语义缺失，不依赖标签选择器。
-
button的type属性仅支持submit、reset、button三个合法值，其他值会按表单内外环境降级处理，不写type时默认行为因浏览器和位置而异，三者语义与功能严格区分且不可互换。
-
JavaScript中函数是一等公民，意味着函数可自由创建、赋值、传参、返回及参与比较等操作；它可赋值给变量或对象属性，作为参数传递实现高阶函数，作为返回值形成闭包，还具备对象特性如身份比较和存储能力。
-
能，border-color支持四值语法按顺时针设上右下左不同颜色；单边改色需配合border-style（如solid），或直接用border-top-color等单边属性更稳妥可靠。
-
Object.values()用于提取对象中所有可枚举的自有属性值并返回数组。它只处理字符串键，忽略Symbol键、不可枚举属性和原型链属性。1.用法为Object.values(obj)，返回值数组顺序在现代引擎中通常可预测，遵循插入顺序与整数键排序规则；2.结合数组方法如filter、map、reduce等，可用于高效筛选、转换和聚合数据；3.与Object.keys()和Object.entries()配合使用，分别适用于只需键、只需值、或需键值对的场景，构成JavaScript处理对象的核心工具集
