整理vue面试题(二)

羅小子
羅小子
羅小子
12
文章
3
评论
一月 3, 202107:53:42 评论

整理vue面试题(二)

vue常见面试题整理第二章:

1.vue优点?

轻量级框架、简单易学、双向数据绑定组件化、数据和结构的分离、虚拟DOM、运行速度快。

2.vue父组件向子组件传递数据?

通过属性方式传递数据,子组件通过props接受数据。

3.子组件像父组件传递事件?

通过$emit(fn,data)传递数据,父组件用@fn接收。

4.v-show和v-if指令的共同点和不同点?

v-show:影藏节点,不会删除节点。

v-if:影藏节点的同时会删除节点。

如果要频繁的切换展示状态用v-show否则用v-if;

5.如何让CSS只在当前组件中起作用?

使用scoped就可以实现。

6.如何获取dom?

方法1:使用ID;然后用原生jsdocument.getElementById("id");增加属性。

方法2:通过vue的ref,然后再this.$refs.**获取到该元素,进行操作。

7.vue-loader是什么?使用它的用途有哪些?

vue-loader 是解析 .vue 文件的一个加载器,将 template/js/style 转换成 js 模块。

用途:js 可以写 es6、style 样式可以 scss 或 less;template 可以加 jade 等。

8.为什么使用key?

标识组件的唯一性,key的作用是为了在diff算法执行时更快的找到对应的节点,提高diff速度。

9.v-on可以监听多个方法吗?

可以监听。

10.$nextTick的使用?

在数据循环完成之后立即使用它。

11.渐进式框架的理解

渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。

12.Vue中双向数据绑定是如何实现的

vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,通过Object.defineProperty()来实现劫持。通过set和get修改获取数据。

13.单页面应用和多页面应用区别及优缺点

单页面(SPA)只有一个主页面。通过路由来跳转不同组件。

多页面(MPA)就是指一个应用中有多个页面,页面跳转时是整页刷新。

单页面的优点:

  • 用户体验好,快,内容的改变不需要重新加载整个页面,基于这一点spa对服务器压力较小
  • 前后端分离
  • 页面效果会比较炫酷(比如切换页面内容时的专场动画)

单页面缺点:

  • 不利于seo
  • 导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理)
  • 初次加载时耗时多
  • 页面复杂度提高很多

14.v-if和v-for的优先级?

v-for和v-if不应该一起使用,必要情况下应该替换成computed属性。原因:v-for比v-if优先,如果每一次都需要遍历整个数组,将会影响速度,尤其是当之需要渲染很小一部分的时候。

15.assets和static的区别?

assets和static两个都是用于存放静态资源文件。

放在static中的文件不会进行构建编译处理,也就不会压缩体积,在打包时效率会更高,但体积更大在服务器中就会占据更大的空间

放在assets中的文件会进行压缩体积、代码格式化,压缩后会放置在static中一同上传服务器。

因此建议样式文件放在assets中进行打包,引入的第三方文件放到static中,因为引入的文件已经做过打包处理

待更新.....

继续阅读
羅小子
整理vue面试题(一) 前端

整理vue面试题(一)

Vue.js是前端三大框架之一,很多公司都在使用。相比于其它两个框架,vue的学习成本是最低,也是最容易上手的。深受后端程序猿的喜爱。 一,生命周期面试题 1.什么是vue的生命周期? vue生命周期...
整理vue面试题(一) 前端

整理vue面试题(一)

Vue.js是前端三大框架之一,很多公司都在使用。相比于其它两个框架,vue的学习成本是最低,也是最容易上手的。深受后端程序猿的喜爱。 一,生命周期面试题 1.什么是vue的生命周期? vue生命周期...
javascript面试题继承实现的几种方式。 前端

javascript面试题继承实现的几种方式。

在面试中经常会被问到怎么实现一个继承?实现继承有那几种方式?问这个是要考面试者对于js的基础掌握程度。 如果要实现继承,肯定需要一个父类,先定义一个父类: // 定义一个人 function Peop...
javascript面试题防抖节流 前端

javascript面试题防抖节流

在前端开发中经常会处理input事件和滚动条监听事件,为了更好提升性能开发者可以使用防抖和节流。 防抖(debounce):触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: