-
flex-direction动态定义主轴方向，justify-content控制主轴对齐、align-items控制交叉轴对齐；二者作用轴随主轴切换，非固定左右/上下。
-
使用CSStransition与transform:translate可实现高效平滑的位移动画。transition控制动画时长与缓动，translate在不触发重排的情况下移动元素位置。通过:hover或JS改变translate值即可触发动画，如按钮悬停微移、侧边栏滑出、轮播图切换等场景。示例中元素悬停时0.3秒内平移20px右、10px下，因不涉及布局变化，性能更优，搭配will-change或translateZ(0)可进一步提升渲染效率。
-
迭代器协议要求对象有next方法返回{value,done}，可迭代协议要求对象实现Symbol.iterator方法；2.for...of通过Symbol.iterator获取迭代器并调用next遍历；3.示例Counter类通过Symbol.iterator返回带next方法的对象实现遍历。
-
[attr]选择器仅匹配声明了指定属性的HTML元素，无论属性值是否存在或是否为空；它不检查值内容，与[attr=""]（要求值为空字符串）有本质区别，且属性名在HTML中不区分大小写，但建议统一用小写以保证兼容性和可维护性。
-
async函数和回调函数是JavaScript中处理异步操作的不同方式，其核心区别在于代码结构、可读性和错误处理机制。1.回调函数通过将函数作为参数传递，在异步操作完成后执行，但容易导致“回调地狱”，代码嵌套深、逻辑混乱；2.async/await基于Promise，使用同步风格编写异步代码，提升可读性和维护性；3.错误处理方面，回调需在每个函数内手动检查err参数，而async/await通过try...catch集中捕获错误；4.在新项目或支持Promise的API中优先使用async/await，而
-
正确做法是用li:not(:last-child){border-bottom:1pxsolid#ddd;}精准控制非末项加线；兼容IE8则用li{border-bottom:1pxsolid#ddd;}li:last-child{border-bottom:none;}。
-
linear-gradient用于创建线性渐变背景，语法为background-image:linear-gradient(direction,color-stop1,color-stop2,...)，支持方向关键词或角度，可自定义颜色停靠点实现多色过渡，常用于按钮、卡片等视觉增强场景。
-
background-image需配合background-size、background-repeat、background-position使用，常见失效原因包括路径基准错误（以CSS文件为准）、元素无宽高、父元素overflow:hidden裁剪、body默认margin未清除；行内样式注意引号嵌套；它属装饰性内容，不参与语义、SEO和可访问性。
-
本文详解如何使用JavaScript的flatMap()与Object.values()组合，高效提取数组中每个对象指定嵌套属性（如tipo）的所有值，并合并为单个一维数值数组。
-
创建数组首选字面量[]，安全直观；newArray()易出错：单数字参数创建空数组，多参数才等价于字面量。
-
ChromeDevToolsRendering面板可定位掉帧元凶：启用Paintflashing和FPSmeter可识别重绘区域，Continuouspagerepainting配合Performance面板能区分script/layout/paint阶段瓶颈，需警惕同步layout、强制回流API及Canvas2D离屏合成等隐性开销。
-
iframe设100%宽高未满屏，因父容器无显式高度；需html/body及所有上级元素设height:100%、margin/padding:0；推荐用100vh/100vw+viewportmeta+overflow:hidden；注意sandbox/allow权限及iOSSafariviewport高度变化问题。
-
rgb()和rgba()适合透明度控制，rgba()在rgb()基础上增加alpha参数（0–1）；十六进制颜色常用#RRGGBB或#RGB简写，不支持八位；hsl()更易微调颜色，推荐结合CSS自定义属性实现主题系统。
-
CSS动画实现自然飘动效果需用transform位移、8–12s时长、多关键帧偏移、cubic-bezier缓动，并为每个div设不同delay/duration/幅度以避免同步；移动端需加touch-action:none防干扰。
-
track标签通过为视频/音频提供字幕、描述等文本轨道提升可访问性；2.它依赖WebVTT格式文件定义时间戳和内容；3.实际使用需注意CORS跨域问题、动态切换逻辑及浏览器样式兼容性，其核心价值在于实现包容性设计并拓展互动式体验。
