-
高阶函数是接受函数为参数或返回函数的函数，用于提升代码简洁性、复用性与可维护性；它支持行为抽象（如filter/map/reduce）、延迟执行与配置复用、异步流程组合、闭包状态封装等核心实践。
-
答案：掌握LeetCode高频题可提升算法能力。1.两数之和用哈希表实现O(n)时间；2.最长无重复子串用滑动窗口+Set；3.合并有序链表用虚拟头节点简化逻辑；4.有效括号用栈匹配，对象映射配对关系。
-
font-weight应优先使用数字值（100–900）并确保字体文件实际支持该字重，避免依赖“bolder”“lighter”等相对关键字或未提供的字重（如650、900），否则浏览器会静默降级或模拟加粗导致模糊；需结合@font-face声明、GoogleFonts参数及document.fonts.check()验证。
-
必须用watch监听路由参数变化以触发重新请求，推荐精准监听特定参数（如route.params.id）并设immediate:true；需手动清理旧状态、取消请求、重置loading和数据。
-
HTML5原生placeholder属性直接写在input标签中，支持text、search等类型，中文空格emoji均可显示；非JS/CSS属性，错误操作会导致失效；需配合label实现无障碍，::placeholder伪元素须兼容各浏览器前缀。
-
本文介绍如何通过递归遍历DOM树，将任意HTML片段准确拆解为{text:"..."}和{markup:"<tag>"}交替排列的对象数组，避免正则陷阱与节点顺序错乱问题，适用于富文本解析、编辑器内容序列化等场景。
-
Flex容器height无效主因是父容器高度未明确，需逐级设置html、body及中间父容器高度（如height:100%或min-height:100vh）；align-items:stretch失效常因子项设了height/min-height或min-height:0；height:100%需父容器有确定高度；flex:1塌陷多因默认min-height:auto压制flex-basis:0，应显式设min-height:0。
-
需用@iflist.length($shadows)>0判断空数组再循环，初始化变量统一用()而非null，多层阴影提取应封装命名函数并提前解构，拼接box-shadow用list.join($shadow-list,',')，数据注入后必加@debug验证类型。
-
@error在Sass编译阶段中断流程，不作用于CSS层；仅校验变量/参数合法性，需前置检查类型，不支持NodeSass4.x以下，不可用于拦截CSS无效值。
-
根本原因是布局缺乏锚定主干，应使用max-width+margin:0auto固定容器宽度来切断样式传导链，再用flex/grid替代浮动/绝对定位，并集中管理响应式断点。
-
本文详解如何通过CSSFlexbox替代inline-block布局，从根本上消除<li>元素间因HTML源码换行与空格导致的意外水平间距，同时保持树形结构的层级清晰性与节点居中对齐。
-
focus事件无法直接区分触发方式，可靠方法是用mousedown/touchstart设标志位、focusin检测并focusout清理；event.detail不可靠，推荐优先使用:focus-visible伪类。
-
html-minifier-terser是生产环境首选，因其精准支持HTML5语义规则、安全处理模板插值、可控压缩选项，并需配合Gzip/Brotli及CI校验使用。
-
SiteOrigin图片对齐需用其Image小工具设置，非经典编辑器按钮；图文环绕推荐CSSGrid替代float；响应式需手动媒体查询覆盖；CSS覆盖时注意width/height冲突及缓存问题。
-
HTML中“备用验证方式切换”需JS控制显隐，推荐用fieldset包裹、region角色标记区块，验证码输入框用inputmode="numeric"而非type="tel"，并做好焦点管理、防抖及无障碍支持。
