Vite + Vue 3 + Typescript + tsx + less + router + vuex + elementplus 教程示范demo

在现代 Web 开发中，前端自动化已经成为了必不可少的一部分。随着项目规模的增加和开发人员的增多，手动部署已经无法满足需求，因为手动部署容易出错，而且需要大量的时间和精力。

前端部署需要用户刷新才能继续使用，一直是一个老大难的用户体验问题。本文将围绕这个问题进行讲解，揭晓问题发现原因，并提供两种解决思路。

在现在的前端面试环节中，第二名和最后一名其实没有区别，因为他们只要第一名。所以在每一个问题上都回答到100分就变得非常重要了！

最近写项目遇到很多this指向的问题，今天来写一下我总结的this指向 看了很多文章，之前也在私下总结过，对于正常函数，谁调用的它，this就指向谁，而箭头函数没有this，它的this指向一般就是上

this指向问题的注意点很明确，普通函数就是谁调用它this就指向谁；箭头函数就是根据函数定义时，所在的父级作用域。但是有一个注意点是函数参数所处的作用域并不是函数作用域，而是其上级作用域。

官方解释 - 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。 基于不同时期的源码，会有不同的答案。 实际上，nextTick在vue发展的不同版本中，针对各种渲染和dom事件问题进行了多次调整。宏/微任务，甚至两种并行。在最新版本…

可能文中有些表述不是很严谨，大家见谅。 顺便推荐大家看一篇非常好的文章Tasks, microtasks, queues and schedules，看完绝对有所收获。 这里猜测一下为什么Vue有一个API叫nextTick。 这些线程中，和Vue的nextTick息息相关的是…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …