初稿

JS 基础

1. 说一下计时器为什么计时不准？
2. 说一下`Promise.all`、`Promise.race`、`Promise.allSettled`的区别？
3. 对象的深拷贝，`JSON.parse(JSON.stringify())`有什么弊端？
4. `ES6`的`reduce`的四个参数，如何扁平化数组？

有这么一个场景，A页面跳转到B页面，然后A页面监听了一个Store，然后B页面修改Store，再切回来，A页面竟然监听不到？

他喵 🐱 的，watch了半天，不生效，不知道什么鬼。

watch(
  [
    pickTicketStore.ship,
    userStore.user,
    pickTicketStore.isOnlySupportManualPay,
  ],
  ([ship, user, isOnlySupportManualPay]) => {
    // Do something with ship, user, isOnlySupportManualPay
  },
  { immediate: true }
);

高德地图官方的文档，啥也没有，自带的Maker搞出来巨丑无比，怎么自定义Maker的Icon和Icon的大小也没说明白 …

请看VCR …

在项目根目录新建几个.env.x，例如

.env.development
.env.alpha
.env.beta
.env.production

注意，这里面的名字不是乱起的，不是你想搞成什么名字就是什么名字，必须得是VITE_开头，不要问我为什么，我只想静静，也不要问我静静是谁 …

VITE_BASE_URL=http://www.baidu.com

(import.meta as any).env.VITE_BASE_URL;

在naive-ui里面，设鸡 🐔 师让搞一个效果，侧边菜单鼠标 🖱 悬浮上去，右边的箭头才显示 …

最近打开另一台电脑上的项目，满篇爆红。之前也有类似问题，我就随便改了点代码，在Git上面显示就是我满篇修改，今天终于搞明白了。

Vue 里面，加载本地图片，:src=””直接写成变量是不行的 …

演示网址：https://vue.cctv3.net/#/dynamicPathAsSrc

这种场景比较常见，很多买保险的页面，什么合同页面都是这么搞的，我滑动到底才能点下一步

演示网址：https://vue.cctv3.net/#/hasReadHTML

Vue里面很有多蛋疼的地方，比如提交表单的时候，移动端和桌面端是两套 UI，但是操作的逻辑是一样的。尤其是比如表单是分步骤的，还得处理多个步骤，所以说得把业务封装成hooks，两个端都能复用。

比较蛋疼的地方：

• 多个hooks如何修改同一份store

• hooks如何引用组件的props

• hooks如何调用组件的emits