前端开发碰到的坑、移动端兼容性问题、

代码层面、webpack层面、web技术层面： Vue 项目性能优化:

Vue 3.0中Treeshaking特性？举例说明？一、是什么Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination简单来讲，就是在保持代码运行结果不变的前提下，去除无用的代码如果把代码打包比作制作蛋糕，传统的方式是把鸡蛋（带壳）全部丢进去搅拌，然后放入烤箱，最后把（没有用的）蛋壳全部挑选并剔除出去而treeshaki

用Vue3.0 写过组件吗？如果想实现一个 Modal你会怎么设计？一、组件设计组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式现在有一个场景，点击新增与编辑都弹框出来进行填写，功能上大同小异，可能只是标题内容或者是显示的主体内容稍微不同这时候就没必要写两个组件，只需要根据传入的参数不同，组件显示不同内容即可这样，下次开发相同界面程序时就可以写更少的代码，意义着更高的

# Vue面试题整合## 初级（简单）#### 1、Vue 解决了什么问题① 虚拟 dom：dom 操作时非常耗性能的，不再使用原生的 dom 操作节点，极大的解放 dom 操作，但具体操作的还是 dom，不过是换了一种方式。② 视图、数据、结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。③ 组件化：把一个单页应用中的各种模块拆分到一个一个单独的组件中，便

代码层面、webpack层面、web技术层面： Vue 项目性能优化:

面试官：Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？一、Object.defineProperty定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象为什么能实现响应式通过defineProperty 两个属性，get及setget属性的 getter 函数，当访问该属性

vue面试题大全（初级、中级、高级）