题目地址：https://leetcode.cn/problems/path-with-minimum-effort

由于vue2.x的老项目越来越庞大，导致每次启动的时候要等差不多一分钟的时间，vite4不是都出来了嘛，所以就在琢磨如何将老项目升级到vite，秒启动项目。

升级vite首先要分析的是vue-cli和vite的差异有哪些地方。

概述

工欲善其事必先利其器，现在前端开发的同学基本上都是人手vscode，主要是因为生态比较好，再加上软件本身非常好用。

在团队合作中，代码的规范重要性不言而喻，纯靠约定是不够的，需要借助现有的工具来帮助我们完成这一目的，首先最理想的就是Eslint了。

介绍两款非常实用的npm插件，Enquirer和inquirer。

昨天去面试的时候，碰到一道面试题，当时没啥思路，下来之后，思考良久，并搜索了相关问题，得到了答案，特此记录一下。

浏览器打开页面的时候，会加载页面所需的HTML、CSS、JS、图片等资源文件，如果每次打开都要全部重新加载，既耗时又浪费带宽，所以浏览器本身对资源文件是有缓存机制的。

概述

迭代的定义：从一个数据集合中按照一定的顺序，不断取出数据的过程称为迭代。

迭代和遍历的区别

迭代：迭代强调的是依次取数据的过程，并不保证取多少，也不保证把所有的数据都取完

遍历：遍历强调的是要把整个数据依次全部取出

迭代器是一种特殊的对象，它具有一些专门为迭代过程设计的接口。所有迭代器都有一个next()方法，每次调用都会返回一个结果对象。结果有两个属性，一个是value，标识下一个将要返回的值；另一个是一个布尔类型，当没有更多可返回数据时返回true。

概述

Symbol是ES6新出的一种数据类型，表示独一无二的值。 Symbol值通过Symbol函数生成，无法通过new关键字生成，否则会报错。这是因为生成的Symbol是一个原始类型的值，不是对象。

TypeScript中有许多的内置类型，比如Partial、Pick、Record、Exclude等等，还有许多关键字infer、extends等等，正因为有了它们的存在，我们才可以随心所欲的组合获取到我们想要的类型。

JavaScript面试题汇总