【九月打卡】第2天+学习前端托雷特同学模拟面试

**课程名称**：前端模拟面试，给你真实的求职体验和面试经验

**课程章节**：模拟面试第3位学员：托雷特 - 00 后应届毕业生

**主讲老师**：双越

## 课程内容：

今天学习的内容包括：

个人介绍——不能只说个人履历，还要说明技术栈和项目

简历分析——对于应届生，面试官喜欢什么项目

css面试——css垂直水平居中

js面试——手写二分查找并说明复杂度

## 课程收获：

### 简历分析

- webpack、vite、babel

- 性能优化

- 工作经历，如果丰富可以最好加上一些自己的项目参与度

- 项目要写项目介绍（表达出复杂的功能和场景），主要工作要写出成就和细节

### css面试

1. 给定盒子模型，算宽高，以及转换

1. 流式布局，块状自动撑满

### js面试

- 用class模拟button和select，modal

- js ，读this指向问题

- eventLoop读代码打印顺序

   - start->end->b->a->c->d

- 面的时候要有思索的过程

- js垃圾回收

   - 用的什么算法

   - weakMap和weakSet的作用

      - 防止内存泄漏

   - 栈溢出

### vue3

- vue3自定义v-model手写代码

- vue封装一个心跳组件

   - 组件创建要销毁

- vue3封装useLocation-》hooks

### 数据结构

- js实现队列功能（入队，出队，对长）

- 深度和广度遍历，机器人走方格

### 框架

- vue3响应式原理

   - 手写vue3基本的reactive

   - proxy

- vue3的ref的响应式原理

- vue3和vue2diff算法的区别

   - vue2 updateChildren双端比较

   - vue3 updateChildren增加了最长递增子序列

   - vue3还增加了patchFlag、静态提升、函数缓存

- proxy为什么比defineProperty效率高

- 你对vdom的理解

### 项目

- 从0搭建一个开发环境，你需要考虑哪些方面

   - 技术选型、ui库

   - 接口设计和规范

   - 代码目录的规范src package

   - 打包构建，webpack做打包优化

   - 开发文档

   - 开发环境、测试、预发布环境

   - 单元测试pre-commit Git

   - npm gitlab 仓库

   - eslit

   - ci/cd

- 介绍一个项目（能拿的出手的）（提前写个一千字的稿子）

   - 功能=》技术栈=》难点---细化

   -

### 反问

- 职业规划

   - 只做2-3年的个人计划，职业计划。小程序干死了android和ios，serverless 云开发，sass

- 做事要细心，读题要一个字一个字读

## 课程学习截图