-
定位与Flex布局应分工协作：Flex负责整体结构排列，Position用于局部精确定位。例如，Flex容器中子项设为relative，其内部角标用absolute脱离文档流，实现右上角精准叠加。需注意父级设relative以建立定位上下文，absolute元素不参与Flex布局，避免同时用justify-content和absolute控制同一元素位置，防止冲突。伪元素可配合absolute增强视觉效果而不影响布局流。
-
使用CSSReset或Normalize.css统一默认样式，优先采用Flexbox布局并添加前缀兼容老版本IE，配合Autoprefixer等工具自动处理浏览器差异，确保HTML布局跨浏览器一致。
-
HTML5文档必须包含<!DOCTYPEhtml>、<html>、<head>和<body>四个基础标签；前者声明文档类型且须为首行，后三者构成根结构，缺一将导致渲染异常或怪异模式。
-
模块化是解决大型JavaScript项目中全局污染、依赖混乱等问题的最小必要手段；export/import强制定义依赖边界和执行时序，需顶层声明，不同导入方式影响tree-shaking与运行时行为。
-
闭包本身不会导致内存泄漏，真正原因是意外保留对大对象的引用；当闭包捕获大数组、DOM节点等并被全局变量、事件监听器、定时器等长期持有时，其引用的外部变量无法被垃圾回收，造成内存泄漏。
-
使用max-height配合overflow:hidden实现折叠动画，避免height:auto无法过渡的问题。通过设置足够大的max-height值并添加transition，可模拟展开收起效果；或用JavaScript动态读取scrollHeight，精确控制height过渡，提升动画自然度。前者兼容性好但不够精准，后者流畅但需JS介入。现代浏览器可尝试height:fit-content，但需注意兼容性。结合缓动函数与will-change等优化，能进一步提升体验。
-
应优先双击HTML文件以file://协议打开；若失败，可手动输入file://绝对路径；对AJAX等受限功能需用http-server启动本地服务器；调试时可临时启用Chrome的--allow-file-access-from-files参数；最后检查文件编码是否为UTF-8无BOM。
-
闭包是JavaScript中函数作用域与词法环境绑定后自然产生的行为；函数内部隐式保存[[Environment]]引用，指向定义时的词法环境，使外部调用仍可访问内部变量。
-
transition通过状态变化触发动效，适用于简单交互反馈；2.animation基于@keyframes独立运行，支持复杂关键帧与循环，适合连续动画；3.推荐transition用于用户交互过渡，animation用于自动播放或精细控制，优先使用transform和opacity以优化性能。
-
JavaScript生成二维码推荐使用qrcode.js（轻量快速）或qr-code-styling（支持Logo、颜色、边框等深度定制），避免手动实现复杂编码逻辑。
-
novalidate禁用表单客户端验证，formtarget控制提交响应显示位置。novalidate用于自定义验证、草稿保存或多步骤表单，可配合JavaScript实现灵活校验；formtarget支持\_blank、\_self等值，决定响应在新标签页、当前页或iframe中打开。两者均不替代服务器端验证，且formtarget为传统提交，与AJAX异步交互不同，适用于简单页面跳转场景。
-
for循环最稳妥但需防length被改；for...of简洁适合纯读取，跳过稀疏数组空位；for...in慎用于数组，遍历对象属性名且顺序不定；Object.entries()兼顾键值、可读性与安全性。
-
try-catch不能捕获语法错误、异步回调中的错误、Promise拒绝、事件监听器内错误；需用window.onerror、error事件或unhandledrejection事件配合手动检查HTTP状态码和await链式try-catch来全面覆盖。
-
box-shadow属性通过设置水平偏移、垂直偏移、模糊半径、扩散半径、颜色和inset实现元素阴影效果，常用于按钮悬浮、卡片立体化和内凹设计，合理调整参数可提升界面层次感与交互真实感。
-
HTML5中用<a>标签加超链接必须带href属性，支持相对路径、绝对路径、完整URL及锚点跳转；新标签页打开需加target="_blank"和rel="noopener"；锚点跳转靠href="#id"与目标元素id匹配实现。
