VUE面试题汇总（五）(3)

参考答案：npm run build

44. vue 打包后会生成哪些文件？

参考答案：

dist文件夹下：

1. css文件夹下的.css文件是项目要用到的css文件,当你做webpack打包的时候，会把所有的css样式打包到这里

2. css文件夹下的.css.map文件是一个Source map文件，Source

map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。目的是帮助我们调试被压缩过的css代码，只是方便我们开发的时候做调试使用。

3. js文件夹下的.js.map依然是Source map文件，方便我们开发时调试js代码使用。

4. app.js文件里放的是项目中各个页面的逻辑代码

5. vendor.js放的是各个页面各个组件公用的一些代码

45. 如何配置 vue 打包生成文件的路径？

参考答案：

参考

46. vue 的服务器端渲染

参考答案：

参考

47. vue 开发命令 npm run dev 输入后的执行过程

参考答案：

参考

48. 什么是 Virtual DOM？

参考答案：可以看作是一个使用 javascript 模拟了 DOM 结构的树形结构

解析：参考

49. 响应式系统的基本原理

参考答案：

vue响应式的原理，首先对象传入vue实例作为data对象时，首先被vue遍历所有属性，调用Object. defineProperty设置为getter和setter，每个组件都有一个watcher对象，在组件渲染的过程中，把相关的数据都注册成依赖，当数据发生setter变化时，会通知watcehr，从而更新相关联的组件

50. Vue. js 全局运行机制

参考答案：

流程分析：

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
**](https://bbs.youkuaiyun.com/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！