Web前端最全uniapp轮播图高度随变和左右滑动也获取高度，字节跳动面试题库

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

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

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

根据tab获取高度代码

//第一个

setHeight() {

//获取元素

var query = uni.createSelectorQuery();

//打印当前的数据个数

console.log(this.mockRowData.length)

//赋值

var moleng = this.mockRowData.length;

//获取元素并执行的方法

query.select(‘.swiper-items’).boundingClientRect(rect => {

//数据个数乘以当前每个轮播体的高

let listHei = moleng * rect.height;

console.log(‘轮播图高度为’, listHei)

赋值给总高度

this.swiperHeight = listHei;

}).exec();

console.log(‘wuwuwu’)

},

//第二个 解释如上

TosetHeight() {

var query = uni.createSelectorQuery();

console.log(this.TomockRowData.length)

var moleng = this.TomockRowData.length;

query.select(‘.swiper-item’).boundingClientRect(rect => {

let listHei = moleng * rect.height;

console.log(‘轮播图高度为160’, listHei)

this.swiperHeight = listHei;

}).exec();

},

tab栏触发

// tabs通知swiper切换

tabsChange(index) {

console.log(‘我的索引为’,this.current)

//当前索引为0

if (this.current==‘0’) {

this.TosetHeight();

} else {

this.setHeight();

}

//当前索引号选中当前tab栏的选项

this.swiperCurrent = index;

}

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

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

新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

[外链图片转存中…(img-Ywl5pIhE-1715862313762)]

[外链图片转存中…(img-UQzymcle-1715862313763)]