uni-app 商城选择商品左右菜单联动效果实现，字节跳动高工面试
作者：互联网
},
{
title: “菜单2”,
list: [“盖饭2”, “大白菜2”, “土豆2”, “西红柿2”, “辣椒2”]
},
{
title: “菜单3”,
list: [“盖饭3”, “大白菜3”, “土豆3”, “西红柿3”, “辣椒3”]
},
{
title: “菜单4”,
list: [“盖饭4”, “大白菜4”, “土豆4”, “西红柿4”, “辣椒4”]
},
{
title: “菜单5”,
list: [“盖饭5”, “大白菜5”, “土豆5”, “西红柿5”, “辣椒5”]
},
{
title: “菜单6”,
list: [“盖饭6”, “大白菜6”, “土豆6”, “西红柿6”, “辣椒6”]
},
{
title: “菜单7”,
list: [“盖饭7”, “大白菜7”, “土豆7”, “西红柿7”, “辣椒7”]
},
{
title: “菜单8”,
list: [“盖饭8”, “大白菜8”, “土豆8”, “西红柿8”, “辣椒8”]
},
{
title: “菜单9”,
list: [“盖饭9”, “大白菜9”, “土豆9”, “西红柿9”, “辣椒9”]
},
{
title: “菜单10”,
list: [“盖饭10”, “大白菜10”, “土豆10”, “西红柿10”, “辣椒10”]
},
{
title: “菜单11”,
list: [“盖饭11”, “大白菜11”, “土豆11”, “西红柿11”, “辣椒11”]
},
{
title: “菜单12”,
list: [“盖饭12”, “大白菜12”, “土豆12”, “西红柿12”, “辣椒12”]
},
{
title: “菜单13”,
list: [“盖饭13”, “大白菜13”, “土豆13”, “西红柿13”, “辣椒13”]
}
],
windowHeight: ‘0px’,
clickId: ‘’,
clickToId:’’,
currentNum: 0,
topList:[],
isLeftClick:false
};
},
methods: {
setId(index) {
this.clickId = “po” + index;
this.isLeftClick=true;
this.currentNum=index;
},
scroll(e){
if(this.isLeftClick){
this.isLeftClick=false;
return;
}
let scrollTop=e.target.scrollTop;
for (let i = 0; i < this.topList.length; i++) {
let h1=this.topList[i];
let h2=this.topList[i+1];
if(scrollTop>=h1&&scrollTop<h2){
this.currentNum=i;
this.clickToId=‘to’+i
}
}
},
getNodesInfo(){
const query = uni.createSelectorQuery().in(this);
query.selectAll(’.right_title’).boundingClientRect().exec((res)=>{
console.log(res)
let nodes=res[0];
let rel=[];
nodes.map(item=>{
rel.push(item.top);
})
console.log(rel)
this.topList=rel;
});
}
},
onLoad() {
最后
文章不易，如果大家喜欢这篇文章，或者对你有帮助希望大家多多点赞转发关注哦。文章会持续更新的。绝对干货！！！
由于文章篇幅问题 查看详细文章以及获取学习笔记链接：GitHub
- Android进阶学习全套手册
关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。目前，我手头上整理到的电子书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想 （第4版）等高级技术都囊括其中。
-
Android高级架构师进阶知识体系图
关于视频这块，我也是自己搜集了一些，都按照Android学习路线做了一个分类。按照Android学习路线一共有八个模块，其中视频都有对应，就是为了帮助大家系统的学习。接下来看一下导图和对应系统视频吧！！！
-
Android对标阿里P7学习视频
-
BATJ大厂Android高频面试题
这个题库内容是比较多的，除了一些流行的热门技术面试题，如Kotlin，数据库，Java虚拟机面试题，数组，Framework ，混合跨平台开发，等
片转存中…(img-eJ8f4HdF-1643961267579)] -
Android对标阿里P7学习视频
[外链图片转存中…(img-7HTo630n-1643961267580)]
- BATJ大厂Android高频面试题
这个题库内容是比较多的，除了一些流行的热门技术面试题，如Kotlin，数据库，Java虚拟机面试题，数组，Framework ，混合跨平台开发，等
标签：菜单,title,app,大白菜,list,盖饭,高工,uni,Android 来源： https://blog.csdn.net/m0_66264910/article/details/122783761