Web前端最新Day05-讲师列表前端-讲师信息修改，2024年最新Web前端面试题大全

最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

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

96道前端面试题：

• 

常用算法面试题：

• 

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• 

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

在路由index.js页面添加路由

添加路由：

代码：

{

path: ‘edit/:id’,

name: ‘编辑讲师’,

component: () => import(‘@/views/edu/teacher/save’),

meta: { title: ‘编辑讲师’, noCache: true },

hidden:true//隐藏路由

}

4、在前端页面list.vue的修改按钮处绑定跳转路由

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

5、在表单页面实现数据回显

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

（1）在teacher.js定义根据id查询数据的接口

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

//根据id查询讲师信息

getTeacherInfo(id){

return request({

url:/eduservice/teacher/getTeacherById/${id},

method:‘post’

})

},

（2）在页面调用接口实现数据回显

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

//根据id查询讲师信息的方法

getInfo(id){

teacherApi.getTeacherInfo(id)

.then(response=>{

this.teacher = response.data.teacher

})

},

（3）调用根据id查询的方法

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

因为添加和修改都使用save()页面

区别添加还是修改，只有修改时候查询数据回显

判断路径里面是否有讲师id值，如果有id值修改，没有id值直接添加

created(){//页面渲染之前执行

//判断路径是否有id值

if(this.KaTeX parse error: Expected 'EOF', got '&' at position 14: route.params &̲& this.route.params.id){

//从路径获取id值

const id = this.$route.params.id

//调用根据id查询的方法

this.getInfo(id)

}

},

6、数据回显后，修改讲师信息

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

（1）在api的teacher.js定义修改接口

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

//修改讲师信息

最后

四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~

祝大家都能收获大厂offer~

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

篇幅有限，仅展示部分内容

g.csdnimg.cn/img_convert/ac0b1c2376da47d727e0dc8a77e76478.png)