-
order属性可调整Flex子元素视觉顺序而不改变DOM结构，其默认值为0，数值越小越靠前，仅作用于直接子元素，需注意可访问性与响应式配合使用。
-
使用grid-auto-rows实现响应式行高需结合minmax()、fr单位和媒体查询。1.minmax(80px,auto)设置最小行高并允许内容撑开；2.全屏布局用grid-auto-rows:1fr均分视口高度；3.媒体查询在不同断点调整列数与行高，如大屏3列60px、小屏单列40px；4.内容自适应场景用minmax(120px,max-content)平衡可读性与扩展性，配合flex布局优化卡片内容排列。
-
运行HTML文件的方法包括：一、直接双击或右键用浏览器打开；二、通过浏览器菜单选择“打开文件”加载本地页面；三、使用VSCode等编辑器配合LiveServer插件实现实时预览；四、在依赖外部资源时，需安装Node.js并使用http-server搭建本地服务器，通过localhost访问以避免跨域问题。
-
使用transform:rotate()与transition可实现图标平滑旋转动画。1.用span或i标签作为图标容器；2.设置transition:transform0.3sease控制动画时长与节奏；3.通过.icon:hover{transform:rotate(180deg);}实现悬停时旋转；4.可选设置transform-origin调整旋转中心点，如从左上角旋转。整个过程无需JavaScript，性能佳，适用于箭头、按钮等交互反馈场景。
-
事件循环通过调用栈、宏任务队列和微任务队列协调异步操作。同步代码执行后，引擎先清空微任务队列，再执行一个宏任务，如此循环。例如，console.log('start')和'end'先输出；Promise.then进入微任务队列，随后执行；setTimeout回调在宏任务队列中，最后执行，因此输出顺序为：start→end→promise→timeout。微任务优先级高于宏任务，且在每次宏任务结束后立即执行。该机制由宿主环境实现，JS引擎如V8负责配合完成任务调度，确保主线程不被阻塞，保持页面响应性。
-
Vue是一个用于构建用户界面的渐进式JavaScript框架，它的核心思想是“声明式渲染”——你只描述界面“应该是什么样子”，而不是一步步告诉浏览器“怎么去改DOM”。这让你从手动操作DOM的繁琐中解放出来，专注在数据和逻辑上。Vue怎么做到声明式？靠模板+响应式数据你在HTML中写类似这样的模板：欢迎，{{name}}！你有{{count}}条消息点我加一然后用JavaScript创建一个Vue实例，把数据（name、cou
-
:focus表示元素获得焦点，常用于输入框高亮和表单验证，支持键盘导航；:active表示元素被激活，如鼠标按下时的瞬时状态，多用于按钮点击反馈。两者结合可提升交互体验与可访问性，建议保留或自定义outline，避免仅依赖颜色变化，并确保移动端响应及时，自定义组件需添加tabindex以支持聚焦。
-
ServiceWorker通过拦截网络请求实现离线访问，首先注册sw.js脚本，安装时预缓存核心资源，fetch事件中优先返回缓存资源，更新时通过版本号清除旧缓存，确保离线可用性。
-
HTML表格标题必须使用<caption>标签实现语义化和可访问性，该标签需置于<table>内首位置；可通过CSS的caption-side等属性调整样式；禁用<th>或<div>模拟标题；多语言场景下应为<caption>添加符合BCP47标准的lang属性。
-
CommonJS适用于Node.js环境，同步加载，支持动态导入；2.ES6模块为现代标准，静态解析，支持tree-shaking，更适合前端项目；3.新项目推荐使用ES6模块，兼顾前后端兼容与构建优化。
-
通过自定义:disabled伪类样式，降低背景亮度、调整文字颜色、移除交互效果并设置cursor:not-allowed，可显著提升按钮禁用状态的识别度。1.使用灰色系背景与浅灰文字明确视觉退后；2.移除hover效果与阴影，禁用状态下不响应交互；3.统一项目中各类按钮的禁用样式规则，建议采用opacity:0.6与CSS变量管理颜色；4.确保无障碍访问，保留原生disabled属性，避免仅用CSS模拟或隐藏元素。最终增强可用性，减少用户误操作。
-
HTML优化的核心是减小文件体积、提升解析渲染效率，具体包括：1.压缩HTML，去除注释、空格和换行；2.将CSS和JavaScript外链并压缩，以利于缓存和减少HTML臃肿；3.优化图片，选用WebP格式、压缩大小并使用懒加载；4.使用语义化标签，简化DOM结构以降低渲染开销；5.启用服务器端Gzip压缩，减少传输体积；6.内联关键CSS以提升首屏渲染速度；7.利用VSCodeLiveServer、Pythonhttp.server或Node.jsserve搭建本地服务器实现高效预览调试；8.熟练使用
-
利用transform实现垂直对齐最常用方式是结合绝对定位，通过top:50%和left:50%将元素移至父容器中心，再使用translate(-50%,-50%)使其自身中心与父容器重合，从而实现居中效果。
-
Reflect是JavaScript提供的静态方法集合，用于函数式、可拦截地操作对象，核心是将引擎内部操作反射为显式接口，尤其与Proxy配合实现一致、安全的元编程。
-
Promise.any在面对多个异步操作时，只关注第一个成功的结果，只要有一个Promise成功，就会立即返回该结果；若全部失败，则会收集所有错误并抛出一个包含errors数组的AggregateError。1.它适用于冗余数据源、内容加载等场景，例如从多个CDN获取资源，哪个快就用哪个；2.在多渠道认证中，后台可尝试多种登录方式，只要一个成功即可通过；3.资源回退机制中，如加载JS库时主CDN失败可尝试备用CDN或本地缓存；4.与Promise.race不同，它不会因首个Promise失败而终止，而是坚
