关于前端:前端实现无序列排序且不能重叠

6次阅读

共计 650 个字符,预计需要花费 2 分钟才能阅读完成。

别离设置色彩、字体大小、用定位来实现不能重叠性能

设置字体大小

Math.floor(Math.random()*10)+10
setColor() {var r=Math.floor(Math.random()*256);
  var g=Math.floor(Math.random()*256);
  var b=Math.floor(Math.random()*256);
  return "rgb("+r+','+g+','+b+")";
},
setLeft() {return Math.random() * 100 * 3 + 200
},
setTop() {if (this.words.length == this.randomTopArr.length) return
  let randomTxt = Math.random() * 100 * 3
  randomTxt = randomTxt > 230 ? randomTxt / 3 : randomTxt
  this.randomTopArr.length && this.randomTopArr.forEach(res => {if (Math.abs(res - randomTxt) < 30) {randomTxt = res > randomTxt ? randomTxt - 20 : res - 20}
  })
  this.randomTopArr.push(randomTxt)
  return randomTxt
}

不能重叠的次要思路是设置 top 值,只有在肯定范畴内的区间,就不会重叠,用每个随机生成的 top 值跟曾经存起来的数组每一项进行比照,如果间隔太近,做一下扭转

正文完
 0