-
在Nuxt3+@nuxtjs/i18n中，于defineNuxtRouteMiddleware内直接调用useLocalePath()会触发警告；应改用nuxtApp.$localePath()访问i18n工具函数，以确保路由解析准确、避免状态不一致。
-
自定义事件通过CustomEvent创建，配合dispatchEvent分发和addEventListener监听，实现组件间解耦通信。1.使用newCustomEvent('name',{bubbles,cancelable,detail})定义事件；2.调用element.dispatchEvent(event)触发；3.用addEventListener('name',handler)接收，可跨组件传递数据，适用于表单验证等场景。
-
合理设置媒体查询断点应以内容驱动为主，参考768px、1024px、1200px等主流视口宽度，优先使用min-width实现移动优先，统一定义断点变量，避免混用max-width，并确保语法正确、viewport标签完备及特性兼容性。
-
用CSSGrid实现对角线交错布局的关键是显式设置每个对角元素的grid-row和grid-column（如1/1、2/2），容器设display:grid并合理定义行列，只渲染对角元素以确保其余格子真正“流空”。
-
Sass通过嵌套和@extend提升CSS可维护性：嵌套简化层级结构，建议不超过3层；@extend结合占位符选择器实现样式复用；二者结合BEM命名构建清晰、可扩展的组件体系。
-
metal-gradient并非真实颜色类型，而是通过linear-gradient()叠加多色标、控制透明度与明暗对比模拟金属感；需用4色标实现高光-本体-缓冲-暗部三层过渡，并配合background-size、background-position及background-clip:text等属性精准调控。
-
用grid-template-columns:240px1fr实现侧边栏固定宽、主内容自适应；1fr分配剩余空间而非等同100%或auto；响应式需媒体查询切换布局；resize模拟拖拽需overflow配合；移动端错位多因未设grid-column或高度未拉伸；fr比%/calc()更精准高效。
-
是的，async函数必须返回Promise，即使return基本类型也会被Promise.resolve()包装；await仅限async函数内使用，顶层await需ES2022+模块环境；try/catch可捕获reject与同步异常，但未await的Promise不会被捕获。
-
:active伪类仅在鼠标按下未松开或触控持续时生效，无法实现点击后持久高亮；正确用法需紧跟:link/:visited后、避免复杂选择器；持久状态应通过class、:target或路由逻辑实现。
-
本文介绍如何在两个结构相同但顺序不同的二维字符串数组中，精准定位所有值不一致的元素，并以{row1,col}和{row2,col}的配对形式返回其行列索引。核心在于基于主键（如姓名）建立行映射，再逐列比对。
-
JavaScript代码压缩通过AST分析实现语义无损精简，TreeShaking则基于ES模块静态结构剔除未使用导出；二者协同先删死代码再压活代码。
-
<p>用data-属性动态标记用户活跃状态，应存ISO时间戳（data-last-active）和标准化状态值（data-status），避免硬编码文字或误用title/alt；CSS可静态显示服务端生成的相对时间文案，JS则用Intl.RelativeTimeFormat安全更新。</p>
-
HTML5没有5.2或5.3官方版本号，所谓“HTML5.2/5.3跳转语法”是误传；跳转仍依赖<a>、location.href、history.pushState()等长期稳定API，实际变化源于浏览器对安全策略（如Same-OriginPolicy、opener漏洞防护）的强化执行及跨规范（Fetch、CSSScrollBehavior）的渐进支持。
-
CSS背景渐变方向由linear-gradient()首参控制，可用关键词（如toright）或角度（如90deg），角度以中心为原点顺时针计算：0deg向上、90deg向右、180deg向下、270deg向左；45deg为左上到右下，-45deg为右上到左下；颜色后可加位置值精确控制过渡。
-
HTML表格实现可展开树形行需用data-level和data-parent-id标记父子关系，子行初始hidden，点击父行时动态querySelectorAll匹配data-parent-id并切换显隐；CSS缩进用padding-left配合CSS变量，禁用transform缩进；tr不支持height过渡，改用td内边距或max-height动画。
