偶然间在脉脉上看到了一道头条的算法面试题
按照题目的理解，简单的写了一个 html 网页
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<title>pool</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
</head>
<body>
<div id=”vue_det”>
<div @click=”SmartChange(0)” style=”width:40px;height:40px;background:#fff”> 开始 </div>
<div class=”pool” v-for=”(item, index) in list”>
<div @click=”change(index)” v-if=”item” style=”width:40px;height:40px;background:#999;float:left”>{{index}}</div>
<div @click=”change(index)” v-if=”!item” style=”width:40px;height:40px;background:#fff;float:left”>{{index}}</div>
</div>
</div>
<script src=”https://cdn.bootcss.com/vue/2.6.4/vue.js”></script>
<script>
var vm = new Vue({
el: ‘#vue_det’,
data: {
list: [],
i: 0
},
methods: {
details: function () {
return this.site + ” – 学的不仅是技术，更是梦想！”;
},
change (index) {
// console.log(index)
if (index === 99) {
this.list[0] = !this.list[0]
this.list[98] = !this.list[98]
this.list[99] = !this.list[99]
} else if (index === 0) {
this.list[0] = !this.list[0]
this.list[1] = !this.list[1]
this.list[99] = !this.list[99]
} else {
// console.log(‘222’)
this.list[index] = !this.list[index]
this.list[index – 1] = !this.list[index – 1]
this.list[index + 1] = !this.list[index + 1]
}
// console.log(this.list)
this.list = JSON.parse(JSON.stringify(this.list))
},
SmartChange (index) {
if (this.i === 99) {
return false
}
if (this.list[this.i] === true) {
this.i = this.i + 1
setTimeout(() => {
this.SmartChange()
}, 10);
} else {
this.change(this.i + 1)
setTimeout(() => {
this.SmartChange()
}, 10);
}
// console.log(‘222222222’,this.i)
},
go () {
for (let index = 1; index < 101; index++) {
this.list.push(Math.random() > 0.5 ? true : false)
}
console.log(this.list)
let a = 0, b = 0
this.list.map(val => {
if (val) {
a++
} else {
b++
}
})
console.log(a, b)
}
},
created () {
this.go()
}
})
</script>
</body>
</html>
得到了如下效果图
得到如题可以进行开关的示例
在最后一个灯特殊处理，链接第一个灯，形成环
经过测试发现只要从序号 0 开始，如果打开则跳过，如果是灭灯，则点击 i + 1 得到如下效果
敲黑板
现在得出的部分结论是只有随机亮灭灯是一定比例的时候才有可能全部点亮
现在可行的比例为亮 - 灭 50-50 亮 - 灭 51-49 亮 - 灭 47-53 亮 - 灭 44-56 亮 - 灭 42-58 亮 - 灭 53-47 亮 - 灭 54-46
而且，还决定于最后一个灯和相邻灯的亮灭
大家有什么好想法，可以留下见解讨论下