-
CSS过渡与Flexbox结合可实现流畅响应式布局。通过transition增强交互反馈，如卡片悬停伸缩；利用justify-content和align-items控制主轴与交叉轴对齐，实现居中、分布等布局；结合类切换与transform动画，可动态调整界面结构；注意避免对不支持属性做过渡，提升性能与兼容性。
-
合理搭配背景与边框可提升视觉层次和用户体验。1.使用background-color和border设置基础样式，如.card{background-color:#f4f4f4;border:1pxsolid#ccc}。2.结合border-radius和linear-gradient打造现代感，如.feature-box{background:linear-gradient(135deg,#74b9ff,#00b894);border:2pxsolid#00a080;border-radius:12px}
-
使用TailwindCSS响应式前缀可快速创建适配多设备的按钮，通过sm:、md:、lg:等前缀控制不同屏幕下的大小、颜色、宽度及交互状态，实现无需自定义CSS的高效响应式设计。
-
JavaScript无真正反射API，仅通过Object方法、Proxy、Reflect等实现有限元编程；Reflect是Object方法的函数式封装，不提供新能力；读写元信息需结合getOwnPropertyDescriptor与Proxy。
-
使用JSDoc可为JavaScript定时任务添加语义化注解，提升代码可读性。1.用@description、@param等标签说明定时函数功能与参数；2.示例包括每5秒执行的监控函数、可配置间隔的轮询函数、延迟提示消息及倒计时组合逻辑；3.注解有助于团队理解设计意图，便于维护交接。
-
操作浏览器地址栏的核心在于window.location对象及HistoryAPI。1.window.location提供了读取和修改URL的功能，其属性如href、protocol、host等可获取或设置URL各部分，方法如assign()、replace()、reload()能实现页面跳转或重载；2.修改URL参数而不刷新页面可通过history.pushState()和history.replaceState()实现，前者添加新历史记录条目，后者替换当前条目；3.URLSearchParams用于安
-
单页应用路由本质是用history.pushState/replaceState改URL并操作历史栈，配合popstate监听导航，需服务端兜底返回index.html且前端主动匹配初始路径。
-
可通过JavaScript动态修改HTML5元素背景颜色：一、直接设置style.backgroundColor；二、切换预定义CSS类；三、修改CSS自定义属性；四、绑定事件触发切换；五、结合transition与requestAnimationFrame实现平滑过渡。
-
用浏览器直接打开本地HTML文件可行但易出错，需确保路径正确、编码为UTF-8、资源相对路径准确，并推荐使用本地HTTP服务（如Python的http.server或VSCode的LiveServer）避免file://协议限制。
-
JavaScript表单验证需手写逻辑+合理触发时机+可访问性支持，禁用原生属性糊弄；监听submit事件拦截所有提交方式；trim后校验、内嵌错误提示、服务端必须重复验证。
-
作用域链是变量查找路径，闭包是函数与词法环境的结合，变量提升将声明置于作用域顶部；三者共同决定变量访问、执行环境与运行顺序。
-
Sass嵌套能提升CSS可读性和维护性，通过反映HTML结构、使用&引用父选择器、避免过度嵌套（建议不超过3-4层），并结合模块化组织（如_components.scss）实现组件化管理，使代码更清晰易维护。
-
常见原因是transform被后续CSS规则覆盖，导致浏览器无法追踪状态变化；需检查层叠优先级、显式声明transition-property、确保值类型匹配及单位一致，并用DevTools验证计算值。
-
Android和iOS的<inputtype="date">行为差异显著：安卓用可有限定制的原生选择器，iOS强制滚轮picker且CSS无效；iOSonchange仅确认后触发、oninput滚动即触发；清空时安卓返回""、iOS可能为null或旧值；required校验iOS不拦截；推荐统一监听onchange、显式校验、避免依赖样式。
-
HTML5通过内联<svg>标签实现SVG动画，而非<img>引用；需用CSS/JS控制内联SVG的DOM元素，避免SMIL兼容性问题，注意内联、显示状态和容器溢出等上下文陷阱。
