Vue面试题学起来

写在前面

CSDN话题挑战赛第1期

• 活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f

• 参赛话题：前端面试宝典

• 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！
  总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！

• 创作模板：

题目一

Vue常用的修饰符

👉考点

考察对Vue修饰符的掌握

👉答案

.stop //组织单击事件冒泡
.prevent //提交事件不再重新加载页面
.capture //添加事件侦听器时使用事件捕获模式
.self //只当事件在该元素本身时触发回调（在其子元素上不触发）
.once //只触发一次事件

题目二

Vue中常用的插件

👉考点

考察对Vue常用插件的掌握

👉答案

vue的ui框架：
pc端UI框架：iview，element-ui
移动端UI框架：参考https://www.jianshu.com/p/c3c671787d1d
vue的数字动画插件：
countup.js库：npm i countup
vue-animate-number库：npm i vue-animate-number，参考https://www.npmjs.com/package/animated-number-vue
vue项目适配：即px转化为rem。参考https://blog.csdn.net/qq_42231156/article/details/107406575
postcss-px2rem库：参考https://www.npmjs.com/package/postcss-px2rem
postcss-plugin-px2rem库：参考https://www.npmjs.com/package/postcss-plugin-px2rem
vue项目下拉列表大量数据渲染性能：
vue-virtual-scroll-list库：只渲染可视区内的dom，性能优化。参考https://www.npmjs.com/package/vue-virtual-scroll-list
vue项目中svg图标插件：参考https://blog.csdn.net/qq_42231156/article/details/107958564
svg-sprite-loader库：参考https://www.npmjs.com/package/svg-sprite-loader
vue项目中的模拟数据：
mock库：参考https://www.npmjs.com/package/mockjs
easy-mock网站：参考https://www.easy-mock.com/
vue.config.js的devServer中的before配置拦截返回模拟数据。
多国文字转换：
vue-i18n库：参考https://www.npmjs.com/package/vue-i18n
css动画效果：
animate.css库：参考http://www.jq22.com/yanshi819/

css-cursor样式网址：http://css-cursor.techstream.org/

写在最后

CSDN话题挑战赛第1期

• 活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f