-
Vue初始化时通过构建阶段注入的process.env变量确定API地址，优先使用VUE_APP_API_BASE等自定义环境变量，在main.js或request封装层统一配置axiosbaseURL，避免运行时依赖window.location判断。
-
HTML中已有原生<footer>标签，需以<!DOCTYPEhtml>开头确保语义识别；它是块级语义容器，不自动贴底，应通过Flex或Grid布局实现视觉定位；可嵌套于<body>或<article>等上下文中，用于版权、联系信息等，不可放主导航或广告；IE8需document.createElement('footer')兼容。
-
JavaScript异步编程以Promise为基础抽象，async/await是其语法糖；Promise封装状态（pending/fulfilled/rejected），支持链式调用与并发方法；async/await简化书写与错误处理，二者定位不同、协同使用。
-
是，inputtype="email"会自动验证邮箱格式，但仅做基础正则校验（如含@、不以@开头/结尾），不发邮件、不查MX、不验证真实性，必须配合后端严格校验。
-
Grid布局与浮动混用必然出问题，因Grid容器内float无效，而兄弟或嵌套浮动会干扰文档流，导致错位、塌陷；应分离职责：Grid管整体结构，浮动仅限隔离的局部上下文。
-
setTimeout延迟不准是因为它只保证最早执行时间，实际执行需等待任务队列清空和主线程空闲，可能被同步代码、微任务或高优先级宏任务阻塞。
-
String.fromCodePoint()不能通过“偏移量”生成组合Emoji，必须传入完整码点序列（如0x1F468,0x200D,0x1F4BB）；组合Emoji是由基础字符、ZWJ（U+200D）、变体符等构成的多码点序列，非单个码点。
-
translateX动画不丝滑是因未触发GPU合成层：需加transform:translateZ(0)、避免opacity混用、overflow:hidden等降级操作，并用requestAnimationFrame优化touch拖拽，关闭后清空transform并设display:none防点击穿透。
-
Bootstrap分页默认横向，需通过CSS覆盖.pagination{flex-direction:column;}实现纵向，并确保样式优先级高于原生规则，同时注意焦点顺序、触摸热区和无障碍支持。
-
纯CSS无法精确绘制独立、不闭合、可定向的弧线，仅能通过border-radius裁角或clip-path裁椭圆实现；前者僵硬但兼容好，后者灵活但Safari/IE支持有限；真正按角度精控需用canvasarc()。
-
summary的outline无法仅用outline:none清除，需同时设置summary:focus、summary::-webkit-details-marker、summary::-moz-focus-inner等规则，并注意可访问性影响。
-
JavaScript代码混淆通过变换变量名、控制流和字符串加密等方式，使源码难以理解但功能不变，常用工具如Obfuscator.io和JavaScriptObfuscator可实现名称压缩、控制流扁平化和字符串加密；然而过度混淆可能导致性能下降和误报风险，且无法完全阻止逆向分析，因此需结合后端校验、接口限流、WebAssembly等手段构建多层防护体系。
-
用CSS变量控制滚动位移易断层，因--offset自由增长未归一化；需JS将其限定在[0,100vw]内重置，或采用双容器错位法实现无缝滚动。
-
绝对定位是开关轨道和按钮的首选，因其能使滑块脱离文档流、紧贴轨道边缘移动且不破坏父容器结构，但前提是轨道必须设为position:relative。
-
:first-of-type选中父元素中同类型标签的第一个，:last-of-type选中最后一个；两者按元素类型匹配，常用于去除首段边距或隐藏末项边框等场景。
