-
line-clamp不生效的主因是缺失关键声明：必须同时设置display:-webkit-box、-webkit-box-orient:vertical和-webkit-line-clamp:N，且父容器需overflow:hidden；它仅限WebKit内核，不兼容Flex/Grid布局，也不响应动态内容更新。
-
<wbr>是浏览器在容器宽度不足且其他换行策略失效时才考虑的断点提示，非强制换行；需配合overflow-wrap:break-word与明确宽度约束生效，适用于长URL、驼峰变量名等有逻辑分隔点的无空格字符串。
-
本地服务器启动卡顿主因是localhost解析延迟、文件监听扫描或模块加载过重，而非硬件性能；应检查hosts配置、显式绑定127.0.0.1、禁用监听与缓存、避开node_modules目录运行，并排查杀毒软件干扰。
-
align-items用于设置flex容器子元素在交叉轴上的对齐方式，其常用值包括flex-start（顶部对齐）、flex-end（底部对齐）、center（居中对齐）、stretch（拉伸填满，默认值）和baseline（基线对齐），该属性需应用于display为flex或inline-flex的容器，影响所有直接子元素，常用于实现垂直居中等布局效果。
-
必须在beforeUnmount中清理定时器，因为定时器是独立运行的异步副作用，组件卸载后其回调仍可能触发，导致访问已销毁组件的响应式数据而报错；应使用ref存储timerID并在beforeUnmount中清除。
-
required仅校验非空，不校验格式；pattern自动锚定且不支持标志符；min/max/step在number与date中行为不同；setCustomValidity需手动清空；原生校验仅响应表单提交事件。
-
应采用CSS与JS组合策略：动态修改viewport的maximum-scale、确保输入框font-size≥16px或设置-webkit-text-size-adjust:100%，并绑定focusin/focusout事件精准控制缩放。
-
HTML注释以<!--开始-->结束，可用于head、body、元素间等位置说明代码，但不可嵌套或插入标签内，合理使用可提升可读性与维护性。
-
首选navigator.clipboardAPI，因其异步、安全且符合现代标准；旧浏览器可回退至document.execCommand并配合临时DOM模拟操作。
-
本文介绍一种轻量级、无需后端的前端方案，帮助非编程人员快速为模板代码添加“关键词动态替换”功能：用户输入新词，点击按钮即可批量替换模板中所有指定关键词（如CHARACTER），并实时显示结果。
-
闭包是函数与其词法环境的组合，天然支持数据隐藏和完整性校验；通过封装私有状态、内聚校验逻辑、配合WeakMap模拟私有字段，提升前端代码健壮性与意图清晰度。
-
HTML通过浏览器解析实现页面展示，首先请求HTML文件，解析生成DOM树，同时加载CSS形成CSSOM，二者结合构建渲染树，再经布局、绘制和合成最终呈现页面。
-
渐变色发灰是因浏览器默认用sRGB非线性插值；应改用insrgb-linear强制线性插值，提升过渡平滑度与亮度均匀性，且兼容现代主流浏览器。
-
flex布局下最后一行左对齐的常见失效原因直接设justify-content:space-between或space-around时，最后一行往往还是被拉伸或居中——因为flex本身不区分“行”，它只按容器宽度和子项总宽做全局分配。浏览器不会主动识别“这是最后一行”并特殊处理。真正起作用的是让最后一行的子项数量“看起来和其他行一样多”，靠的是在末尾插入不可见占位项。伪元素::after是最轻量的实现方式，但它必须满足两个硬条件：父容器设为display:flex，且伪元素本身参与
-
在HTML中引入CSS的方法有四种：内联样式、内嵌样式、外部样式表和导入样式。1.内联样式适合临时调整，但会使代码冗长且无法缓存。2.内嵌样式适用于小型项目，但无法缓存且可能影响加载速度。3.外部样式表是最常用和推荐的方法，适合大型项目，但需额外HTTP请求。4.导入样式适合将CSS分模块，但会增加HTTP请求并影响性能。
