2024年前端最新Day07-添加课程信息（3）--课程分类多级联动-p112，面试突击第三季

总结

三套“算法宝典”

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

price: 0

},

teacherList:[],//封装所有讲师

subjectOneList:[],//一级分类

subjectTwoList:[]//二级分类

}

},

2.2、组件模板

<el-select

v-model=“courseInfo.subjectParentId”

placeholder=“一级分类” @change=“subjectLevelOneChanged”>

<el-option

v-for=“subject in subjectOneList”

:key=“subject.id”

:label=“subject.title”

:value=“subject.id”/>

2.3、组件脚本

表单初始化时获取一级分类嵌套列表，引入subject api

import subject from ‘@/api/edu/subject’

2.4、定义方法

//查询所有一级分类

getOneSubject(){

subject.getSubjectList()

.then(response=>{

this.subjectOneList = response.data.list

})

},

3、级联显示耳机分类

=========================================================================

3.1、组件模板

<el-select

v-model=“courseInfo.subjectId”

placeholder=“二级分类”>

<el-option

v-for=“subject in subjectTwoList”

:key=“subject.id”

:label=“subject.title”

:value=“subject.id”/>

3.2、注册change事件

在一级分类的组件中注册change事件

@change=“subjectLevelOneChanged”

3.3、定义change事件方法

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。