Async/Await是 JavaScript ES8引入的用于处理异步操作的语法糖，它建立在 Promises 的基础上的。使用async/await，可以以几乎同步的方式编写异步代码，极大地简化了复杂异步逻辑的处理。async关键字用于声明一个异步函数，这样的函数会隐式地返回一个 Promise。await关键字只能在async函数内部使用。

报错原因：这个错误通常是因为你正在尝试在一个不支持 ES6 模块语法的环境中使用 import 语句。这可能是因为你的代码是在一个只支持 CommonJS 或 AMD 模块系统的环境中运行的，或者你的代码运行的环境没有正确配置以支持 ES6 模块。

异步指进程不需要一直等下去，而继续执行下面的操作。前端异步编程常见的实现方式包括回调函数、Promises、Async/Await，以及使用特定的库或框架（如Fetch API、Axios等）。下面将针对每种方式给出例子。

iframe安全问题可称作界面劫持，像点击劫持、拖放劫持、触屏劫持。就是我们的点击，拖放，触屏操作被劫持了，而去操作了其它的透明隐藏的界面。原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性，来到达透明和位于其它界面的上方，然后使用iframe来嵌入劫持页面。

Vuex、Pinia和Redux都是状态管理库，分别适用于Vue.js（特别是中小型项目）、Vue 3（提供简洁的状态管理）以及跨框架的大型应用（遵循单向数据流和纯函数原则）。Vuex API丰富但复杂，Pinia作为Vuex的升级版更简洁且与Vue 3紧密结合，而Redux则较为抽象但提供了强大的工具支持。

轮询是前端定时向服务器请求数据的常见技术，分为短轮询（固定间隔请求）和长轮询（服务器挂起请求直至数据更新）。实现方式包括基于setInterval的定时器轮询（简单但可能请求堆积）和基于setTimeout的递归轮询（顺序执行，避免堆积）。优点是简单兼容，适合低频更新；缺点是效率低、延迟高且增加服务器负载。相比WebSocket（双向实时）和SSE（单向实时），轮询更适合简单场景，但实时性较差。根

包装类型允许在基本数据类型上执行对象操作，因为它们提供了一组方法和属性，以便更轻松地操作基本数据类型的值。在调用基本类型的属性或方法时，JavaScript会在后台隐式地将基本类型的值转换为对象。JavaScript中的包装类型是一种将原始数据类型转换为对象的机制，它允许你在原始数据类型上执行类似对象的操作，而无需显式地创建对象。

懒加载也加延迟加载、按需加载，指在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。懒加载也加延迟加载、按需加载，指在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。懒加载的特点：减少了无用资源的加载；提升用户体验；防止加载过多图片而影响其他资源文件的加载......

出现“Duplicate keys detected”的错误，通常表示在v-for指令中使的:key绑定值有重复。v-if中使用key作为用来标识一个独立的元素，没有特定作用；v-for中使用key作用是为了高效的更新渲染虚拟DOM。

Visual Studio光标变为方块状，输入内容会被覆盖掉，挺影响效率。或者Visual Studio光标变为方块状，不影响输入内容。习惯了线光标，就是想换回来， Visual Studio Code 设置光标样式成功换回。