-
rgb()和rgba()是颜色通道直控方式而非亮度控制工具，通过独立调节红、绿、蓝通道（0–255）及alpha透明度实现精确对比度控制，兼顾可读性与视觉层次。
-
Sentry是一个开源错误监控工具，通过SDK捕获JavaScript运行时错误、Promise异常、资源加载失败等问题，支持自动上报和手动捕获异常，结合sourcemap、release版本、用户信息和性能监控，提升前端异常的可见性与排查效率。
-
gap仅在flex容器上对直接子元素生效；常见失效原因包括flex-wrap换行后行间距不受控、align-items:stretch导致高度差异、子项margin叠加、flex拉伸引发视觉错觉；正确用法需清margin、明方向、分设row/column-gap、禁用%单位。
-
嵌套Flex布局错位主因是父容器flex-direction与align-items设置不当。1.明确每层布局目标：外层控垂直（column），内层管水平（row）。2.检查父级flex-direction是否匹配预期流向，避免默认row导致混乱。3.警惕align-items继承影响，如column下align-items:center会压缩内层容器宽度。4.内层设width:100%或父级改用align-items:stretch释放尺寸限制。5.合理搭配row/column实现清晰结构，注意alig
-
Flexbox适合一维布局如导航栏和居中对齐，通过display:flex;配合justify-content和align-items实现；Grid适用于二维布局如三栏页面，用display:grid;结合grid-template-columns和gap快速划分结构；两者可结合使用，分别处理局部与整体布局。
-
rgb()不支持透明度，必须用rgba()；rgba()第四个参数为0–1的alpha值，如rgba(255,0,0,0.5)；替代方案有hsla()和#rrggbbaa（现代浏览器）；勿与opacity混用。
-
防抖适用于用户操作停止后再执行，如搜索框输入；节流适用于固定频率执行且需及时响应，如滚动监听。二者均需处理this绑定、参数传递及定时器清理，推荐使用Lodash或React自定义Hook。
-
响应式表格布局的核心是适配不同屏幕，确保可读性。通过设置width:100%和table-layout:fixed实现流动宽度；小屏幕下利用媒体查询将行转为堆叠卡片，配合data-label显示列名；或采用外层容器横向滚动，适合列多场景。选择方案需权衡内容与体验。
-
文字和图标对不齐的核心原因是vertical-align默认按baseline对齐，而图标底边与文字基线不一致；应确保元素为inline或inline-block，改用vertical-align:middle，或直接使用display:flex+align-items:center实现居中。
-
使用CSSGrid布局可快速创建响应式网格，首先设置容器display:grid，再用grid-template-columns定义列宽如1fr1fr1fr实现等分布局，并通过gap设置间距；子元素自动按序排列；结合repeat(auto-fit,minmax(200px,1fr))可实现自适应响应式网格。
-
应使用??而非||来保留0、false、''等合法falsy值；??仅在操作数为null/undefined时生效，优先级高于||但低于=，混用时须加括号，且不支持IE及旧Edge。
-
HTML5页面平滑过渡动画有五种常用方式：一、CSS3transition实现淡入淡出；二、transform模拟滑动切换；三、@keyframes构建翻页效果；四、WebAnimationsAPI精细控制；五、HistoryAPI同步URL与动画。
-
JavaScript中数组是有序可变长对象，支持任意类型数据；常用字面量创建，操作分改变原数组（如push/splice）和不改变（如map/filter）两类，遍历推荐高阶函数，判断数组用Array.isArray()。
-
可通过四种方式运行HTML代码：一、本地双击打开；二、编辑器内置预览（如VSCode的LiveServer）；三、部署到本地Web服务器（如XAMPP）；四、使用在线平台（如CodePen）。
-
class是HTML中用于复用和管理样式与行为的关键属性，通过为元素添加class名，可实现CSS精准选中（如.classname）和JavaScript操作（如querySelectorAll、classList），支持多类名组合（空格分隔），相比唯一性的id更适用于批量处理。其核心优势在于模块化：基础样式与状态分离（如btnbtn-primarydisabled），结合语义化命名（推荐连字符或BEM规范），避免样式冲突，提升代码可维护性，广泛应用于响应式布局、组件化开发及交互状态控制，是构建清晰、高效
