介绍 效果 解题思路 不多BB，上代码，写的复杂了点，如有不懂地方的欢迎留言： // TODO：待补充代码 let data; const pageText = document.getElementById('pagination'); const listNode = document.getElementById('list'); function renderPageText() { pa…
介绍 效果 解题思路 这题看着复杂,实际只需要我们重写数组的filter函数，上代码： Array.prototype.myarray = function(cb) { // TODO：待补充代码 const newArr = [] this.forEach((item) => { if (cb(item)) newArr.push(item); }) return newArr; …
介绍 效果 解题思路 可能写的复杂了些,总体思路是遍历出购物车数组中是否已经添加,若已经添加,则对应商品数量++即可,反之亦然,删除时调用arr.splice(idx,1)删除对应元素即可. addToCart(goods) { // TODO：修改当前函数，实现购物车加入商品需求 for (const idx in this.cartList) { if (goods.id === this.c…
介绍 解题思路 考验Vue2基本功，我们可以用v-if指令实现表格和列表的切换，同时使用v-for指令渲染出Axios获取到的数据，使用v-bind指令来控制CSS类的开启关闭： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>布局切换<…
介绍 解题思路 没啥好说的，考验基本排版功底，上代码: HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1…
介绍 效果 解题思路 CSS类.li1-8按顺时针排列，因此只需对time取模即可获取当前激活的图标位置，上代码： function rolling() { if (time === 0) { for (let i = 1; i <= 8; i++) { $('.li' + i).removeClass('active') } } time++; // 转动次数加1 clearTimeout…
介绍 效果 解题思路 这题没啥好说的,上代码: // TODO：完善此函数 显示红色颜色的灯 function red() { document.getElementById('defaultlight').style = 'display:none;'; document.getElementById('greenlight').style = 'display:none;'; document…
介绍 效果 解题思路 这题虚晃我一枪,实际并不需要echarts相关的API,只需将x轴和y轴的类型字段调换即可解决bug. xAxis: { type: "category", data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"], }, yAxis: { type: "value", },
介绍 效果 解题思路 使用#box父容器的hover伪类来改变子元素的transform属性. #box:hover #item12 { transform: rotate(60deg); } #box:hover #item11 { transform: rotate(50deg); } #box:hover #item10 { transform: rotate(40deg); } #box:…
目标 效果 解题思路 在CSS对应位置填上: flex-direction: column; 来使用flex纵向排列布局. 再加上: flex-wrap: wrap; 当排列到页面底部时,将剩余水果自动换入下一列排布.