-
解法是用通用布局组件实现物理隔离：布局只管结构（header/sidebar/main插槽），业务只管内容；通过layoutConfig配置驱动动态区域；provide/inject解耦公共行为；CSS严格作用域隔离。
-
Flexbox布局通过弹性排列和空间分配优化移动端响应式设计。1.设置flex-direction:column实现垂直堆叠，适配竖屏浏览；2.启用flex-wrap:wrap防止内容溢出；3.使用align-items和justify-content提升对齐视觉效果；4.利用flex:1动态填充主内容区，结合flex-basis与min-width保障可点击区域；5.在媒体查询中调整断点布局，如小屏切换垂直导航、横屏双列展示；6.避免深层嵌套以降低重排开销，并兼容旧Android版本渲染问题，确保低端设
-
try-catch用于同步错误捕获，如JSON.parse异常；Promise通过.catch()或async/await中try-catch处理异步错误，未捕获的reject会触发unhandledrejection，需全局监听补救，但应优先在链式调用中显式处理。
-
可通过内联、内部、外部和动态加载四种方式在HTML中执行JavaScript。①内联脚本：在HTML标签中使用onclick等事件属性直接写JS代码，如alert('Hello')；②内部脚本：在<script>标签内编写JS代码，通常置于<body>底部或<head>中，并注意DOM加载顺序；③外部脚本：将JS代码保存为.js文件，通过<scriptsrc="script.js"></script>引入，便于复用与维护；④动态加载：使用docu
-
哈希函数与数字签名是前端数据安全核心技术，用于保障数据完整性与身份认证。1.哈希函数如SHA-256通过生成唯一固定长度值校验数据是否被篡改，可用WebCryptoAPI实现；2.数字签名结合非对称加密与哈希，利用私钥签名、公钥验证，确保消息来源真实性和完整性，适用于JWT、API认证等场景；3.实际应用中应避免前端私钥暴露，优先使用原生API并配合HTTPS，敏感操作应置于服务端，密码需在后端加盐哈希存储。
-
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模块，兼顾前后端兼容与构建优化。
