-
scrollBehavior在新DOM渲染完成但未激活前调用，通过读取当前scrollTop捕获用户最后视图位置；返回{x:0,y:0}滚动到顶、{selector:'#id'}滚动到元素、null不滚动、Promise可异步控制。
-
IE10仅支持display:-ms-flexbox，必须前置且不可省略；-ms-flex-pack/-ms-flex-align替代justify-content/align-items；flex需拆解为-ms-flex三值（禁用auto）；错位时建议降级为display:table方案。
-
Stylelint和Prettier结合使用可提升CSS代码质量与一致性：Stylelint检查代码规范和潜在错误，Prettier统一代码格式，二者互补。通过安装stylelint、prettier及其集成包，配置.stylelintrc.json和.prettierrc.json，并在VSCode中设置保存时自动格式化，可实现开发时实时校验与格式化；再结合husky和lint-staged在pre-commit阶段拦截不合规代码，确保提交代码符合标准。挑战包括初始配置复杂、规则冲突、团队接受度等，但通
-
input标签无内置状态切换能力，需属性+CSS伪类+JS配合实现；disabled使元素脱离表单流程，readonly仅禁编辑但仍可聚焦和提交；focus/blur需事件监听，验证状态需reportValidity()等主动触发。
-
通过设置父容器为flex布局并使用flex-direction:column，配合margin-top:auto将按钮推至底部，再在按钮容器上应用justify-content实现水平对齐，如居中、靠左或两端分布，适用于表单、弹窗等场景。
-
async函数自动返回Promise，await在async内暂停执行等待Promise完成；多任务需据依赖关系选Promise.all（并行）或链式await（串行），并合理处理错误。
-
Map.prototype.keys()返回惰性迭代器，支持按需消费、条件中断和分页扫描，是实现懒加载式遍历的核心基础，但不减少内存占用且要求扫描期间Map稳定。
-
正则表达式适合轻量级SQL条件提取，如WHERE子句及AND/OR拆分、操作符右侧值解析，但不适用于嵌套括号、注释或动态SQL；应优先使用sqlparse等专用解析器。
-
使用::placeholder伪元素可美化输入框提示文字，支持颜色、字体、透明度等样式控制，需添加各浏览器私有前缀以确保兼容性，建议避免过淡颜色并配合label提升可访问性。
-
HTML页面缓存必须由服务端HTTP响应头（如Cache-Control、Expires）控制，meta标签无效；因浏览器不解析metahttp-equiv缓存指令，且缓存决策发生在HTML解析前，CDN与代理也忽略meta。
-
ruby-position只能设在ruby元素上，支持over/under/right三值，Safari16.4+才真正支持under；移动端WebView兼容差，需@supports检测或JSfallback。
-
多行文本框的高度自适应内容可以通过JavaScript实现。具体步骤如下：1.使用addEventListener监听input事件，动态调整高度；2.优化性能时，可使用debounce或throttle限制事件触发频率；3.考虑兼容性和样式问题，设置min-height和max-height，并使用flexbox或grid管理布局；4.为用户体验，达到一定高度后可显示滚动条。
-
双下划线__是BEM的语义分隔符而非视觉优化，用于工具链精准识别块-元素边界；删减或替换会导致解析失效、样式丢失、协作混乱。
-
可通过手机浏览器直接打开HTML文件实现预览，具体步骤为：使用文本编辑器编写代码并保存为.html格式，通过浏览器访问该文件即可渲染显示。
-
使用内部CSS可为单页设置独立样式，通过在HTML的<head>中添加<style>标签定义规则，结合标签、类、ID选择器绑定元素，优先级高于外部样式但低于行内样式，建议合理组织代码结构以提升可读性与维护性。
