前端相关

如何提升前端性能？

回答：
可以从以下几个方面优化前端性能：

• 减少 HTTP 请求：合并 CSS/JS 文件，使用雪碧图、图片压缩。
• 启用资源压缩与缓存：开启 Gzip，设置合理的浏览器缓存策略。
• 异步加载资源：对非关键资源使用懒加载（Lazy Load）和异步加载方式。

JS 和 TS 的区别？

回答：
JavaScript 是一种动态类型语言，写起来比较灵活，但是也容易出错，比如变量类型写错了编译阶段是发现不了的。
而 TypeScript 是 JavaScript 的超集，它加了静态类型和类型检查机制，能在写代码的时候就发现一些潜在的错误。
简单来说，TS 更加安全、规范，适合大型项目开发，而且它写出来的代码，最终也会编译成 JS 去执行。

Vue2 和 Vue3 有什么区别？

回答： Vue3 是 Vue2 的升级版，变化还是挺大的。
首先，它的性能比 Vue2 更好，响应式系统从 Object.defineProperty 改成了 Proxy，可以监听更多复杂的数据变化，速度也更快。
再一个是写法上的变化，Vue3 提出了组合式 API，也就是 setup() 这种写法，更加灵活，方便逻辑复用，而 Vue2 是用 data、methods、computed 这些分散的写法。
还有就是 Vue3 对 TypeScript 支持更好，更适合企业级开发。
另外，一些技术细节比如支持多个根节点、体积更小等等，都是 Vue3 的优势。

你是如何实现页面不存在自动跳转404页面的？

可以在路由配置中添加一个通配符路由，当访问不存在的路由时，会自动跳转到 404 页面。

// 路由配置
const router = new VueRouter({
  routes: [
        {
        // 捕获所有未匹配到的路径，(.*) 表示任意字符，* 表示零次或多次，最终重定向到 404 页面
        path: "/:pathMatch(.*)*",
        component: () => import('@/views/error/404'),
        hidden: true
    },
  ]
});