课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack
章节名称：第1~3章
讲师姓名：双越

课程内容

讲述课程的优点，面试的目的和内容，然后说明课程的组成结构和学习方式，Vue部分复习了部分使用的知识点。

课程导学

高效

• 直击面试考点和重点，无需自己扒文档
• 深入浅出讲解原理，无需自己读源码
• 解读项目设计的思路，提炼项目经验

需要注意

• 不能保证100%通过面试
• 不能保证覆盖所有面试题
• 可以覆盖面试流程和重点

学习前提

• 了解JavaScript和ES6基本语法
• 用过Vue React和Webpack
  一面：基础知识，JS基础知识，框架基本使用→二面：高级特性+原理，框架高级特性，框架原理→三面：设计+经验，项目设计能力，工作经验和环境→通过面试

讲授方式

• 体系为导向，知识点讲解+真题验证
• 讲解一个题，学会一类题
• 不是题海战术，而是技巧和思路

注意事项

• 不是零基础入门课程
• 讲原理，但不讲源码
• 不是实战项目

Vue的使用

• Vue 基本使用的知识点和面试题
• Vue 组件的知识点和面试题
• Vue 高级使用的知识点和面试题
• Vuex 和 Vue-router 相关面试题

关键字

• Vue

• Vuex

• Vue-router

• Vue3不是从0做出来，而是从Vue2进化而来

• Vue2还会被继续使用，面试会继续考察

• Vue2的语法，绝大部分会被Vue3支持

Vue和React越来越接近

• Vue3 Options API对应React class Component
• Vue3 Composition API对应React Hooks
• 不要纠结哪个好、哪个坏

Vue使用

• 基本使用，组件使用——常用，必须会
• 高级特性——不常用，但体现深度
• Vuex和Vue-router使用

自己去看文档不行吗？

• 行。但这是一种最低效的方式

• 文档是一个备忘录，会给用的人查阅，并不是入门教程

• 文档全面冗长且细节过多，不能突出面试考点

• 日常使用，必须掌握，面试必考（不一定全考）

• 梳理知识点，从冗长的文档中摘出考点和重点

• 考察形式不限（参考后面的面试真题），但都在范围之内
  自己用vue-cli创建项目（或下载老师代码）

指令、插值

• 插值、表达式
• 指令、动态属性
• v-html：会有XSS风险，会覆盖子组件

computed和watch

• computed有缓存，data不变则不会重新计算
• watch如何深度监听？
• watch监听引用类型，拿不到oldVal

class和style

• 使用动态属性
• 使用驼峰式写法

条件渲染

• v-if v-else 的用法，可使用变量，也可以使用===表达式
• v-if和v-show的区别？→ display: none;
• v-if和v-show的使用场景？频繁切换用v-show

课程收获

明白了面试的目的就是要人可以干活，所以我们需要先了解技术的使用，然后深入技术的原理，从点到面巩固，然创建出面试的优势。

截图