-
flex-direction:column将主轴设为垂直方向，子元素自上而下堆叠；justify-content控制纵向分布，align-items控制横向对齐；需确保父容器有可计算高度或合理设置overflow，避免内容截断。
-
CSS过渡性能瓶颈在于重排重绘，width/height/top/left等布局属性易触发；应优先使用transform和opacity等GPU加速属性，并避免强制同步布局。
-
JavaScript原型链是对象属性查找的单向向上路径，由实例的__proto__指向构造函数的prototype构成，终点为Object.prototype.__proto__===null。
-
冒泡排序需动态缩小内循环范围并加入提前退出机制；快排应避免纯递归以防栈溢出，改用迭代实现；sort比较函数须处理undefined；小数组用插入排序，原生sort通常最优。
-
实现文字阴影过渡效果的关键是通过transition属性平滑改变text-shadow值，常用于hover时呈现发光或立体感。需在默认状态设置初始text-shadow（可为空）并定义transition，如.text-effect{color:#333;text-shadow:000rgba(0,0,0,0);transition:text-shadow.3sease}.text-effect:hover{text-shadow:0010pxrgba(0,0,0,.5)}。可通过调整持续时间、缓动函数及
-
Promise是JavaScript异步编程的正式抽象层，本质是封装pending→fulfilled/rejected状态迁移的异步容器；通过then/catch实现可组合、可中断、统一错误处理的链式流程。
-
表单是网页交互基础，通过form标签创建，包含输入框、按钮等控件，用于登录、注册等场景。1.基本结构使用<form>定义，action指定提交地址，method设置请求方式为get或post。2.GET将数据附加在URL后，适合搜索；POST数据隐式发送，更安全，适合登录和文件上传。3.常见控件有文本框、密码框、单选框、复选框、下拉列表、多行文本和提交按钮，均需设置name属性以便服务器识别。4.HTML5支持内置验证，如required必填、type=email校验格式、min/max限制数
-
嵌套Grid必须显式声明display:grid，子元素不会继承父级网格能力；grid-area和grid-template-areas作用域仅限直接父容器；fr单位基于当前容器尺寸计算；IE11不支持嵌套Grid且无降级方案。
-
IndexedDB是HTML5的浏览器端NoSQL数据库，用于存储大量结构化数据。通过open创建或打开数据库，在onupgradeneeded中定义对象仓库和索引；使用readwrite事务添加、更新、删除数据，readonly事务读取或遍历数据；支持主键操作与索引查询，适合离线应用持久化存储，实际开发可结合localForage等库简化API操作。
-
tabindex属性用于控制HTML元素是否可通过Tab键获得焦点及顺序。tabindex="0"使元素按文档流顺序可聚焦，适用于自定义控件；tabindex="-1"禁用Tab键聚焦但允许程序调用focus()方法；tabindex="N"(正整数)会打破默认顺序，应避免使用。正确使用tabindex能提升键盘导航体验，确保无障碍访问。开发中应优先使用语义化HTML，仅在必要时使用tabindex，结合ARIA属性，并进行完整键盘测试。
-
HTML5音频异常主因是文件编码、浏览器策略或代码错误。需规范音频参数，iOS须用户手势触发播放，多源fallback需验证路径，音量控制要正确绑定事件并处理兼容性问题。
-
Tailwind的响应式前缀是预设媒体查询的原子类，非运行时JS判断；自定义断点须在配置中声明，否则不生成CSS；多断点类互不覆盖，因作用于不同@media范围；混用min/max-width会导致断点空隙或重叠。
-
使用CSSModule可避免样式冲突并保持组件样式独立，通过命名转换机制将类名局部作用域化。在React中，只需将文件命名为[name].module.css（如Button.module.css），导入后得到类名映射对象，确保样式仅作用于当前组件。全局样式仍可通过普通.css文件引入，而模块化样式需按对象方式访问。支持动态类名拼接与条件渲染，推荐结合clsx等库处理复杂逻辑。可在.module.css中使用:global定义全局样式或通过composes复用其他类，实现灵活的样机组装。命名规范清晰时，C
-
localStorage和sessionStorage仅支持字符串，存对象需JSON序列化，取值前须判空防解析null/undefined报错；更新嵌套数据需读-改-写全量覆盖；sessionStorage随tab关闭清空，localStorage长期持久化；禁存敏感信息，避免高频写入。
-
企业简介页的现代感源于克制设计：用clamp()实现平滑响应式标题、grid-template-areas明确信任要素权重、aspect-ratio锁定图片比例，舍弃冗余动画与炫技效果。
