118页Vue面试题总结，为面试提前做准备，2024年最新中高级Web前端面试题目汇总解答

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

(8) src下emit：自己配置的vue集中式事件管理机制。

(9) src下router：vue-router vue路由的配置文件。

(10) src下service：自己配置的vue请求后台接口方法。

(11) src下page：存在vue页面组件的文件夹。

(12) src下util：存放vue开发过程中一些公共的.js方法。

(13) src下vuex：存放 vuex 为vue专门开发的状态管理器。

(14) src下app.vue：使用标签<route-view></router-view>渲染整个工程的.vue组件。

(15) src下main.js：vue-cli工程的入口文件。

(16) index.html：设置项目的一些meta头信息和提供<div id="app"></div>用于挂载 vue 节点。

(17) package.json：用于 node_modules资源部 和 启动、打包项目的 npm 命令管理。

4、config文件夹 下 index.js 的对于工程 开发环境 和 生产环境 的配置

(1) index：配置打包后入口.html文件的名称以及文件夹名称

(2) assetsRoot：配置打包后生成的文件名称和路径

(3) assetsPublicPath：配置 打包后 .html 引用静态资源的路径，一般要设置成 “./”

(4) productionGzip：是否开发 gzip 压缩，以提升加载速度

dev 对象下对于开发环境的配置：

(1) port：设置端口号

(2) autoOpenBrowser：启动工程时，自动打开浏览器

(3) proxyTable：vue设置的代理，用以解决跨域问题

5、请你详细介绍一些 package.json 里面的配置

常用对象解析：

(1) scripts：npm run xxx 命令调用node执行的 .js 文件

(2) dependencies：生产环境依赖包的名称和版本号，即这些 依赖包 都会打包进 生产环境的JS文件里面

(3) devDependencies：开发环境依赖包的名称和版本号，即这些 依赖包 只用于 代码开发 的时候，不会打包进 生产环境js文件 里面。

CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题总结，点击这里可免费领取！

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 组件中 data 为什么必须是函数

11、v-for 与 v-if 的优先级

12、vue中子组件调用父组件的方法

13、vue中 keep-alive 组件的作用

14、vue中如何编写可复用的组件？

15、什么是vue生命周期？

16、vue生命周期钩子函数有哪些？

17、vue如何监听键盘事件中的按键？

18、vue更新数组时触发视图更新的方法

19、vue中对象更改检测的注意事项

20、解决非工程化项目初始化页面闪动问题

21、v-for产生的列表，实现active的切换

22、v-model语法糖的组件中的使用

23、vue中自定义过滤器

24、vue等单页面应用及其优缺点

25、什么是vue的计算属性？

26、vue-cli提供的几种脚手架模板

27、vue父组件如何向子组件中传递数据？

28、vue弹窗后如何禁止滚动条滚动？

29、计算属性的缓存和方法调用的区别

30、vue-cli中自定义指令的使用

vue-router

1、vue-router如何响应 路由参数 的变化？

2、完整的 vue-router 导航解析流程

3、vue-router有哪几种导航钩子（ 导航守卫 ）？

4、vue-router传递参数的几种方式

5、vue-router的动态路由匹配

6、vue-router如何定义嵌套路由？

7、<router-link></router-link>组件及其属性

8、vue-router实现路由懒加载（ 动态加载路由 ）

9、vue-router路由的两种模式

10、history路由模式配置及后台配置

CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题总结，点击这里可免费领取！

vuex

1、什么是vuex？

2、使用vuex的核心概念

3、vuex在vue-cli中的应用

4、在vue中使用vuex，修改state的值

5、vuex actions异步修改状态

http请求

1、Promise对象是什么？

2、axios、fetch与ajax有什么区别？

3、什么是JS的同源策略和跨域问题？

4、如何解决跨域问题？

5、axios有什么特点？

UI样式

1、.vue组件的scoped属性的作用

2、如何让CSS只在当前组件中起作用？

3、vue-cli中常用的UI组件库

4、如何适配移动端？【 经典 】

5、移动端媒体查询

6、vue内容垂直和水平居中

7、vue-cli引入图片的方法

8、移动端常见样式问题

9、文本超出隐藏

常用功能

1、vue中如何实现tab切换功能？

2、vue中keep-alive 实现标签页组件缓存

3、vue中实现页面从右往左侧滑入效果

js基础

1)对js的理解？
2)请说出以下代码输出的值？
3)把以下代码，改写成依次输出0-9
4)如何区分数组对象，普通对象，函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别？
8)Web Worker 和webSocket？
9)Javascript垃圾回收方法？
10)new操作符具体干了什么呢？
11)js延迟加载的方式有哪些？
12)WEB应用从服务器主动推送Data到客户端有那些方式？

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-PB3lnRxH-1713618431500)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！