发表于: 2021-04-26 22:08:18
1 2049
今天完成的事情:任务三进行中,有些懵。
明天计划的事情:好好的,认真的,一个字一个字的看任务中的知识点;以及JS的知识。
遇到的问题:有点性急,很疑惑,感觉学习方法出问题了,导致任务进行缓慢;找问题,认真看知识点。一步一步来
收获:温故任务二知识,任务三的知识了解。
从新看任务二知识发现,做任务二的时候没看懂的,现在可以明白了。应该当时还是没静下来好好了解。
JS中获得input元素的节点并做到改变input元素输出的value的值 :
<body>
<form>
<input id="input" type="text" placeholder="请输入你的姓名" />
</form>
<button onclick="btn()">测试</button>
<div id="html"></div>
<script>
var x= document.getElementById("input")//获取输入框元素的DOM节点
var y= document.getElementById("html") //获取id为html的元素DOM节点
function btn(){
y.innerHTML = x.value; //将输入框的值,连通给div标签,使div标签内部有同等的值
}
</script>
</body>
获取HTML内元素DOM节点的方法
通过使用 getElementById() 方法,来获取为 id 属性元素节点,对元素节点进行操作
通过使用 getElementsByTagName() 方法,来获取标签的元素节点,对所有匹配的标签元素节点进行操作
通过使用 getElementsByClassName() 方法,来获取类的元素节点,对所有统一的类名元素节点进行操作
getElementsByTagName() 和 getElementsByClassName() 这两种方法因为其访问的是节点中的可能为复数的属性,所以得到的会是一个以数组的形式来体现出来的元素节点集合,我们可以通过打印获取到的DOM节点来判断类型
DOM事件
onclick事件---当用户点击时执行
onload事件---当用户进入时执行
onunload事件---用用户离开时执行
onmouseover事件---当用户鼠标指针移入时执行
onmouseout事件---当用户鼠标指针移出时执行
onmousedown事件---当用户鼠标摁下时执行
onmouseup事件---当用户鼠标松开时执行
Fisher–Yates shuffle 洗牌算法:
Fisher–Yates shuffle (洗牌算法)算法是将一个有限集合或数组集合,进行一个随
机排列的算法(数组随机排序)及为将原数组打乱重新随机排列切没有重复。这个算法生成的随机排列是等概率的。同时这个算法非常高效。
洗牌算法如何实现:
假如你要洗牌,那么最随机的做法无疑是从牌堆里随便抽一张出来,然后放在一边,之后从剩下的牌里重复之前的操作,直到所有牌都被抽出来放到了另一堆中。抽象到代码世界,按相同的做法,就是随机从数组里取出一个元素,保存到另一个数组,然后重复之,直到原数组中所有元素都抽完了。
评论