-
JavaScript代码压缩通过AST分析实现语义无损精简，TreeShaking则基于ES模块静态结构剔除未使用导出；二者协同先删死代码再压活代码。
-
HTML注释是开发中用于解释代码、调试和标记任务的辅助工具，以<!--和-->包裹，不影响页面渲染与SEO，合理使用可提升代码可读性和维护性。
-
基础色是UI骨架，如primary、neutral等语义化变量；辅助色为特定功能服务，如link、border、shadow，需按用途分层声明，避免混用导致维护混乱。
-
text-align仅对行内内容和行内块级元素有效，对块级子元素无效；需用margin:0auto、Flexbox等方案实现块级元素居中。
-
<p>异步生成器是处理分页数据流的理想选择，它通过asyncfunction*和yield实现按需加载。它返回异步迭代器，可在每次next()时等待异步操作，适合请求分页API。典型实现中，fetchPaginatedData从第一页开始循环请求，解析响应后逐项yield数据，无更多数据时终止。消费者使用forawait...of消费数据流，具有内存友好、代码简洁、可组合的优势。实际应用中建议加入try/catch错误处理、支持abortsignal中断、节流控制请求频率，并根据需要缓存页面，
-
通过继承Error类创建自定义错误类型可提升代码可读性和调试效率，如ValidationError和ApiError能携带特定信息并支持instanceof判断，结合try-catch实现精准异常处理。
-
relative定位不影响文档流。元素仍占据原始空间，偏移仅视觉移动，后续元素布局不受影响，父容器高度包含其原始位置高度。
-
map、filter、reduce是JavaScript中不修改原数组、返回新数组或单值的三大高阶函数：map逐项转换生成等长新数组；filter筛选符合条件元素；reduce聚合计算生成任意类型结果。
-
TDZ是指块级作用域内从开始到let/const声明前的区域，期间访问变量抛出ReferenceError；因let/const仅声明提升而未初始化，故存在“已声明未初始化”间隙，需先声明后使用以避免错误。
-
iOSSafariinput聚焦不弹键盘主因是焦点需用户真实触摸触发且元素须在可视区、未被transform/opacity隐藏；应直接绑定事件、禁用合成层、立即focus、监听visualViewport而非window.innerHeight，并手动处理滚动与布局错乱。
-
HTML5语义化标签不影响CSS样式，需手动编写CSS规则；语义标签仅提升可访问性与SEO，样式生效取决于选择器优先级，推荐语义标签+class组合使用。
-
夸克浏览器中overflow:scroll卡顿的根源是合成层策略保守，可靠解法为：scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;contain:paint;scroll-behavior:smooth;backface-visibility:hidden;perspective:1000;}，并用requestAnimationFrame替代scrollend监听滚动结束，同时避免scroll中触发重排重绘。
-
Promise本身不直接解决回调地狱，真正打破它的是then链式调用与async/await；嵌套回调因缩进失控、错误分散、逻辑难追踪而成“地狱”；then通过返回新Promise实现流程扁平化；async/await则让异步代码如同步般自然，配合try/catch统一捕错。
-
前端权限控制通过角色与权限数据结构设计，结合动态UI渲染和路由拦截保障安全。1.用户角色和权限以结构化对象存储，支持灵活扩展与通配符匹配；2.封装权限校验函数控制组件显示，如hasPermission判断操作权限，提升复用性；3.利用路由守卫（如VueRouter的beforeEach）在跳转前验证角色与权限，阻止未授权访问；4.权限变更通过登录缓存、WebSocket监听或定时请求同步，确保状态实时更新；5.敏感操作前重新校验后端权限，避免越权风险。前端控制提升体验，但需配合后端验证才能确保安全。
-
浮动布局仍适用于小图标因其尺寸固定、数量少、无需响应式重排，且比Flex/Grid更轻量、兼容IE8+；关键在于正确清除浮动、控制盒模型及避免与Flex混用。
