Javascript

【金秋打卡】第7天 前端框架及项目面试 聚焦Vue3/React/Webpack

本文主要是介绍【金秋打卡】第7天 前端框架及项目面试 聚焦Vue3/React/Webpack,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:前端框架及项目面试 聚焦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

课程收获

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

截图

图片描述

这篇关于【金秋打卡】第7天 前端框架及项目面试 聚焦Vue3/React/Webpack的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!