Web前端最全Ant Design Vue子表格展开只展开一行，其他行折叠(2)，2024年最新字节跳动前端面试

文末

逆水行舟不进则退，所以大家要有危机意识。

同样是干到35岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

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

前端面试题汇总

第一步：

直接抄我箭头指的那三行即可

:row-key=“(record) => record.id”       这个主要用于获取id

@expand=“zi”    这个为了得到展开行的数据

:expandedRowKeys=“expandedRowKeys”   这个是负责控制行的展开与关闭，（这个变量是以数组的形式展示，谁的id在数组里就显示谁）

第二步

const expandedRowKeys = ref([]);

const zi = (expanded, record) => {

// 只展开一行

if (expandedRowKeys.value.length > 0) { //进这个判断说明当前已经有展开的了

//返回某个指定的字符串值在字符串中首次出现的位置，下标为0

let index = expandedRowKeys.value.indexOf(record.id);

if (index > -1) { //如果出现则截取这个id,1d到1相当于0，针对重复点击一个

expandedRowKeys.value.splice(index, 1);

} else {

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

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

c0)**

[外链图片转存中…(img-bdRbQzva-1715851883401)]

[外链图片转存中…(img-Dffr0kWH-1715851883402)]