- 博客(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 45
原创 函数的节流和防抖
函数的节流和防抖 在有些情况我们也许会碰到如下场景,监听一个input框的输入事件,但是大多数情况下,我们不是为了监听用户输了什么,而是想知道用户输到什么时候结束了,所以如果实时监听键盘事件,在每次用户敲击键盘的时候去触发一个函数,这样就多了非常多无用的操作,比如window.resize事件 //在你的控制台输入以下代码 window.onresize = ()=> { console.info('onresize'); }; 可以看到 如果我们简单的变化浏览器
2021-10-16 19:58:52 66
原创 表格增删查改
html创建输入框和表格: 然后修改样式 css代码如下: 实现功能 先获取输入框 表格 按钮 添加点击事件:实现添加,删除,编辑,搜索功能
2021-10-08 11:37:12 54
原创 锅打灰太狼小游戏
锅打灰太狼分为三个界面:分别为开始游戏界面 ,游戏界面 ,结束界面。 html代码: 准备好三层界面后再去写CSS代码 如下: 最后在实现功能JS代码如下: 创建洞口: ...
2021-10-06 12:32:53 292
原创 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 155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人