动态tab栏:
到达一定高度 固定不动
position: sticky;
top: 0;
地球漫游:
按线性进行无线循环:
animation: orbit 36.5s linear infinite;
题三:迷惑的this:
this.的作用域:
handle() {
this.inputEl.addEventListener('input', this.handleInput.bind(this));
}
题四:魔法失灵了
const { value } = toRefs(data);
题五:燃烧你的卡路里
const submit = async() => {
drawer.value = true;
};
const sortItem = (arr, pro, compare) => {
arr.sort((a, b) => b[pro] - a[pro]);
for (let item of arr) {
if (item[pro] <= compare) {
return item;
}
}
return null;
};
题六:司龄计算
const groupByAge = (peoples) => {
const groups = {};
peoples.forEach(person => {
if (!groups[person.age]) {
groups[person.age] = [];
}
groups[person.age].push(person);
});
return groups;
};
var list = JSON.parse(JSON.stringify(groupedPeople.value))
for(let k in list){
xAxisData._rawValue.push(list[k])
seriesDate._rawValue.push(lisk[k].length)
}
题九:贪吃蛇
因为有事 本人没有及时更新不好意思 这是另一个博主写的:(转载)【蓝桥杯Web】第十五届蓝桥杯(Web应用开发)模拟赛1期-大学组 | 全部答案-CSDN博客