震惊，前端问题这么答，面试官都惊呆了

1.并发和并行的区别

并发是宏观概念，我分别有A任务和B任务，在一段时间内通过任务间的切换完成了这两个任务，这种情况就可以称之为并发。
并行是微观概念，假设CPU存在两个核心，那么我就可以同时完成任务A.B。同事完成多个任务的情况就可以称之为并行。

2.为什么操作DOM慢

因为DOM属于渲染引擎的东西，而JS又是JS引擎中的东西。当我们通过JS操作DOM的时候，其实这个操作涉及到了两个线程之间的通信，那么势必会带来一些性能上的损耗，操作DOM次数一多，也就等于一直在进行线程之间的通信，并且操作DOM可能还会带来重绘回流的情况，所以也就导致了性能上的问题。

3.插入几万个DOM，如何实现页面不卡顿

首先我们肯定不能一次性把几万个DOM全部插入，这样肯定会造成卡顿，所以解决问题的重点应该是如何分批次部分渲染DOM。一种是通过requestAnimationFrame的方式去循环插入DOM，另外一种是Virtualized scroller(虚拟滚动)，这种技术的原理就是只渲染可视区域的内容，不可见区域的那就完全不渲染了，用户滚动的时候就实时去替换渲染的内容。

4.$root、$parent、$refs

4.1.$rootVue子组件可以通过$root属性获取vue的根实例，比如简单的项目中将公共组件放在vue根实例上，因此可以代替vuex实现状态管理
4.2.KaTeX parse error: Can't use function '\textcircled' in math mode at position 14: \html@mathml{\̲t̲e̲x̲t̲c̲i̲r̲c̲l̲e̲d̲{\scriptsize R}…refs属性可以直接访问该子组件。可以替代事件$emit和$on的作用，使用方式是通过ref特性为这个子组件赋予一个ID应用，在通过this.$refs.testId获取制定元素。

5.root和parent的区别

root和parent都能够实现访问父组件的属性和方法，两者的区别在于，如果存在多级子组件，通过parent访问得到的是他最近一级的父组件，通过root访问得到的是根父组件。

6.link和@import区别

两者都是外部引用CSS样式，但也存在区别
6.1link是XHTML标签，除加载CSS外，还可以定义RSS等其它事务；@import属于CSS范畴，只能加载CSS
6.2link引用CSS时，在页面载入时同时加载；@import需要在页面完全载入以后加载。
6.3link是XHTML标签，没有兼容问题；@import是在CSS2.1提出来的，低版本浏览器不支持。
6.4link支持使用Javascript控制DOM去改变样式；@import不支持。