当前位置: 首页 > Web前端 > HTML5

vue面试题总结

时间:2023-04-05 01:24:58 HTML5

写在前面,参考答案发布在看云平台。如果想看参考答案,可以直接购买。看云平台50个免费激活权限已用完,感谢支持!如果您有什么意见和建议,欢迎您及时联系作者或留言回复!vue开发交流微信群:(二维码定期更新,长期有效!或加群主微信hanxuming888进群)本文档总结了vue.jsvue-cli项目vue-router路由vuexstatusbased的核心知识vue-cli技术栈管理器axios等http请求移动端适配Tab切换等常用功能vue与原生app混合交互vue生产环境部署vue技术源码分析MVVM设计模式vue-cli项目深度开发等vue-cli开发12个方面,共98道面试题。不仅可以一次性详细看完所有关于vue的面试题,还可以帮助你拓宽vue开发的视野。关于vue的试题,看这篇文档就够了!vue-cli项目1、构建的vue-cli项目使用了哪些技术,它们的作用是什么?2、vue-cli项目中常用的npm命令有哪些?3、请说说vue-cli项目中各个文件夹和文件的用途4、项目开发环境和生产环境的config文件夹下index.js的配置5、请详细介绍一下package.json中的一些配置参考答案:https://www.kancloud.cn/hanxu...Vue核心知识点1.理解Vue是一个渐进式框架2.vue.js的两大核心是什么?3、v-if和v-show有什么区别4、vue中常用的修饰符5、v-on可以监控多个方法吗?6、vue中key值的作用7、vue-cli项目升级vue版本8、vue事件中如何使用event对象?9.$nextTick的使用10.为什么Vue组件中的数据一定要是函数11.v-for和v-if的优先级12.vue中子组件调用父组件的方法13.作用vue中的keep-alive组件14,如何在vue中编写可重用的组件?15、什么是vue生命周期和生命周期钩子函数?16.vue生命周期钩子函数有哪些?17、vue如何监听键盘事件中的按键?18.vue更新数组时触发视图更新的方法。19、vue中对象变化检测的注意事项。模型语法糖组件的使用23.十种常用的自定义过滤器24.Vue等单页应用及其优缺点25.vue的计算属性是什么?26.vue-cli提供的几种脚手架模板27.Vue父组件如何向子组件传递数据?28.vue-cli开发环境使用全局常量。29.vue-cli生产环境使用全局常量。30.Vue弹窗后如何防止滚动条滚动?31.计算属性的缓存和方法调用的区别32.vue-cli中自定义指令的使用参考答案:https://www.kancloud.cn/hanxu...vue-router1,vue如何实现-router响应路由参数改变了吗?2、完整的vue-router导航分析流程3、vue-router有哪些导航钩子(navigationguard)?4、vue-router的几种实例方法及参数传递5、vue-router的动态路由匹配及使用6、vue-router如何定义嵌套路由?7、组件及其属性8、vue-router实现路由的懒加载(动态加载路由)9、vue-router路由的两种模式10、history路由模式与路由的配合背景参考答案:https://www.kancloud.cn/hanxu...vuex1、什么是vuex?2、使用vuex的核心概念3、vuex在vue-cli中的应用4、使用vuex的值,在组件中修改值?5.在vuex中使用异步修改6.实现pc端刷新页面时vuex缓存参考答案:https://www.kancloud.cn/hanxu...http请求1.什么是Promise对象?2、axios、fetch、ajax有什么区别?3、什么是JS的同源策略和跨域问题?4.如何解决跨域问题?5、如何在vue-cli中使用json数据模拟?6.vue-cli统一管理http请求7、Axios有什么特点?参考答案:https://www.kancloud.cn/hanxu...UI风格1、.vue组件的scoped属性的作用2、如何让CSS只作用于当前组件?3、vue-cli中常用的UI组件库4、如何适配移动端?[经典]5.移动端常见媒体查询的使用6.垂直居中对齐7.vue-cli中如何使用背景图片?8.使用表单禁用时的移动端样式问题9.各类文字隐藏问题参考答案:https://www.kancloud.cn/hanxu...常用功能1.如何实现tab切换功能在维尤?2、如何使用Vue中的keep-alive标签实现一个组件缓存功能?3、vue中切换页面时,实现向左滑动的效果。4、vue中父子组件如何相互调用方法?五、vuecentraleventbus的使用参考答案:https://www.kancloud.cn/hanxu...混合开发1、vue如何调用nativeapp提供的方法?2.原生应用调用vue提供的方法,将值传给.vue组件。参考答案:https://www.kancloud.cn/hanxu...生产环境1.vue打包命令是什么?2、vue打包后会生成什么文件?3、如何配置vue打包生成文件的路径?4、vue如何优化首屏加载速度?参考答案:https://www.kancloud.cn/hanxu...MVVM设计模式1、MVC、MVP和MVVM模式2、MVC、MVP和MVVM的区别3、MVVM的常用实现方式4、Object.defineProperty()方法5.实现自己的MVVM(原理分析)6.ES6中的类和定义7.JS中的文档片段8.解构赋值9.Array.from和Array.reduce10.递归使用11.Obj。keys()和Obj.defineProperty12、发布-订阅模型13、实现MVVM的思路参考答案:https://www.kancloud.cn/hanxu...源码分析1、vue内部及运行机制:Vue.jsglobal运行机制响应式系统的基本原理什么是VirtualDOM?如何编译模板模板?diff算法批量异步更新策略和nextTick原理?委托代理?2.似曾相识ex工作原理详解Vue.mixinVue.use参考答案:https://www.kancloud.cn/hanxu...深度拓展1.vue开发命令npmrundev输入后的执行过程2.Server-vue的侧渲染3.从零开始写一个npm安装包4.vue-cli中常用的loader5.webpack的特性参考答案:https://www.kancloud.cn/hanxu...