十五届蓝桥杯 web应用开发答案

动态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博客