- 博客(6)
- 收藏
- 关注
原创 ES6 解构赋值
概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。解构模型在解构中,有下面两部分参与:解构的源,解构赋值表达式的右边部分。 解构的目标,解构赋值表达式的左边部分。数组模型的解构(Array)基本let [a, b, c] = [1, 2, 3];// a = 1// b = 2// c = 3可嵌套let [a, [[b], c
2021-10-30 13:48:18
91
原创 函数的节流和防抖
函数的节流和防抖在有些情况我们也许会碰到如下场景,监听一个input框的输入事件,但是大多数情况下,我们不是为了监听用户输了什么,而是想知道用户输到什么时候结束了,所以如果实时监听键盘事件,在每次用户敲击键盘的时候去触发一个函数,这样就多了非常多无用的操作,比如window.resize事件//在你的控制台输入以下代码window.onresize = ()=> { console.info('onresize'); };可以看到 如果我们简单的变化浏览器
2021-10-16 19:58:52
121
原创 表格增删查改
html创建输入框和表格:然后修改样式 css代码如下:实现功能 先获取输入框 表格 按钮添加点击事件:实现添加,删除,编辑,搜索功能
2021-10-08 11:37:12
108
原创 锅打灰太狼小游戏
锅打灰太狼分为三个界面:分别为开始游戏界面 ,游戏界面 ,结束界面。html代码:准备好三层界面后再去写CSS代码如下:最后在实现功能JS代码如下:创建洞口:...
2021-10-06 12:32:53
350
原创 indexOf的用法:
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。列如:<body><p id="demo">单击按钮显示“e”第一次出现的位置。</p><button onclick="myFunction()">点我</button><script>function myFunction(){ var str="Hello world, welcome to...
2021-09-20 18:48:56
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅