前言 前几天面试的时候，面试官问到了这个问题，感觉自己答的不是特别好，在这里整理一下~ 文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~

js是单线程，就像学生排队上厕所，学生需要排队一个一个上厕所，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，难道我们的网页要一直卡着直到图片完全显示出来？因此聪明的程序员将任务…

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

JavaScript作为一门单线程的语言，却拥有多线程的体验。这是由于事件循环机制（Event Loop）。本文用最小的学习成本带你快速而不失深度的理解该机制，从JS为何是单线程、浏览器的架构谈起。

1、安装 2、使用 关键点： 使用<draggable>标签 属性 v-model="List"这个List为一个数组，一般与实际数据对应。排序、拖拽实际上都是改变这个List的值或顺序。 属性 it

Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 定义一个json串 list，实现它的拖拽排序。 使用标题插槽在vuedraggable组件中添加不可拖动的元素。它应该与draggable选项一起使用来标记draggable元素。请注意，无论标题…

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。

导航守卫 “导航”表示路由正在发生改变。(今天的图配的格外融洽) vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或

本文主要是介绍了前端集中取消请求的方法，分别通过Axios原生的方法和promise方法去实现，希望对你有帮助。