一、并发和并行的区别
并发是宏观概念,我分别有A任务和B任务,在一段时间内通过任务间的切换完成了这两个任务,这种情况就可以称之为并发。
并行是微观概念,假设CPU存在两个核心,那么我就可以同时完成任务A.B。同事完成多个任务的情况就可以称之为并行。
二、为什么操作DOM慢
因为DOM属于渲染引擎的东西,而JS又是JS引擎中的东西。当我们通过JS操作DOM的时候,其实这个操作涉及到了两个线程之间的通信,那么势必会带来一些性能上的损耗,操作DOM次数一多,也就等于一直在进行线程之间的通信,并且操作DOM可能还会带来重绘回流的情况,所以也就导致了性能上的问题。
三、插入几万个DOM,如何实现页面不卡顿
首先我们肯定不能一次性把几万个DOM全部插入,这样肯定会造成卡顿,所以解决问题的重点应该是如何分批次部分渲染DOM。一种是通过requestAnimationFrame的方式去循环插入DOM,另外一种是Virtualized scroller(虚拟滚动),这种技术的原理就是只渲染可视区域的内容,不可见区域的那就完全不渲染了,用户滚动的时候就实时去替换渲染的内容。
四、r o o t 、 root、 root、parent、$refs
1、r o o t V u e 子 组 件 可 以 通 过 root Vue子组件可以通过 rootVue子组件可以通过root属性获取vue的根实例,比如简单的项目中将公共组件放在vue根实例上,因此可以代替vuex实现状态管理
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属性可以直接访问该子组件。可以替代事件 e m i t 和 emit和 emit和on的作用,使用方式是通过ref特性为这个子组件赋予一个ID应用,在通过this.$refs.testId获取制定元素。
五、root和parent的区别
root和parent都能够实现访问父组件的属性和方法,两者的区别在于,如果存在多级子组件,通过parent访问得到的是他最近一级的父组件,通过root访问得到的是根父组件。
六、link和@import区别
两者都是外部引用CSS样式,但也存在区别
1、link是XHTML标签,除加载CSS外,还可以定义RSS等其它事务;@import属于CSS范畴,只能加载CSS
2、link引用CSS时,在页面载入时同时加载;@import需要在页面完全载入以后加载。
3、link是XHTML标签,没有兼容问题;@import是在CSS2.1提出来的,低版本浏览器不支持。
4、link支持使用Javascript控制DOM去改变样式;@import不支持。
以上就是前端问题这么答惊呆了面试官的详细内容,更多请关注易知道|edz.cc其它相关文章!