2024年最新Day05-讲师列表前端-讲师列表显示，前端内存优化面试题(2)，前端攒了一个月的面试题及解答

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

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

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

path: ‘save’,

name: ‘讲师添加’,

component: () => import(‘@/views/tree/index’),

meta: { title: ‘讲师添加’, icon: ‘tree’ }

}

]

},

修改后的前端页面：

原来的前端页面：

第二步：创建路由对应的页面讲师列表页面：list.vue

---

讲师添加页面：save.vue

修改对应路由的地址

第三步：在api文件夹创建teacher.js定义访问的接口地址

---

import request from ‘@/utils/request’

export default {

//1 讲师列表（条件查询分页）

//current当前页 limit每页记录条数 teacherQuery条件对象

getTeacherListPage(current,limit,teacherQuery){

return request({

//url:‘eduservice/teacher/pageTeacherCondition/’+current+“/”+limit,

url:eduservice/teacher/pageTeacherCondition/${current}/${limit},

method:‘post’,

//teacgerQuery条件对象，后端使用RequestBody获取数据

//data表示把对象抓换成json进行传递到接口里面

data:teacherQuery

})

}

}

第四步、在讲师列表页面list.vue页面调用定义的接口方法，得到接口返回数据

---

讲师列表

第五步 把请求接口获取的数据在页面进行显示。使用组件element-ui实现

---

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

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