- 博客(18)
- 收藏
- 关注
RSS订阅原创 走进react,走进redux，带你非常形象的认识store和它的孩儿们action，reducer，dispatch，state。
带你非常形象的认识store和它的孩儿们action，reducer，dispatch，state。角色扮演分角上半场时间：早8点你： 店长地址： store 商店action 你的动作：推 | 拉dispatch（） 动作机器分析仪reducer 商店门state 门的状态事件： 早上你要开店营业了。action -------->dispatch(action)---------------->reducer------------->state--------
2021-09-29 17:51:39
146
原创 运用事件委托方式，简单做表格的即时编辑。避免非事件委托时冒泡和this指向的问题。
这样的问题：直接用事件委托方式解决。省很多不必要的麻烦。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格的即时编辑</title></head><body>
2021-01-04 11:26:49
129
原创 js几行代码做出聊天对话框。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>聊天对话框</title><style> *{margin: 0;padding: 0;} #maxbox{w
2020-12-28 23:36:10
386
1
原创 用js做聊天对话框。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>聊天对话框</title> <style> *{margin: 0;padding: 0;} #maxbo
2020-12-28 23:05:15
1498
1
原创 js实现网页的拖拽。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>QQ延迟提示框</title> <style> *{margin: 0;padding: 0;} #box{ma
2020-12-26 17:44:56
146
原创 制作进度条，加载完成后弹出框提示加载完成。
制作进度条，加载完成后弹出框提示加载完成：计时器加弹出框。其中会有外边距重叠问题也给了解决办法。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>进度条弹出加载完成</title> &l
2020-12-26 14:41:11
416
原创 实现document做出弹出框效果，配合延时器，让弹出框缓慢消失。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>广告弹出框</title> <style> #maxbox{border: 1px solid #ccc;width
2020-12-26 10:01:44
374
原创 数组典型题4.编写一个函数map(arr) ，要求把数组中的每一位数字都增加30%。
核心代码：函数 + for循环 + splice知识备查<script> var arr = new Array(1,3,2,5,6,4) ;//一个构造函数空数组 function map(arr){ for(var i=0 ;i<arr.length;i++){ //for循环选择数组arr的所有元素 arr.splice(i,1,1.3*arr[i]);
2020-12-20 22:44:30
315
原创 数组典型题3.编写一个函数has(arr , 60) ，判断数组中是否存在60这个元素，返回布尔类型
核心代码：函数 + for循环 + if条件语句<script> // var arr = [1,3,2,60,6,4]; //一个（字面量）创建的数组 var arr = new Array(1,3,2,60,6,4) ; //一个（构造函数）创建的数组 function has(arr,k){ var n = false; //声明一个变量n,赋值false(判断前) for(var
2020-12-20 22:31:36
1278
1
原创 数组典型题2.编写一个函数norepeat(arr) ，去掉数组的重复元素，并返回一个新的数组。
核心代码：函数norepeat + for循环 + if条件语句 + splice知识备查<script> var arr = new Array(1,3,1,6,6,4) ; //一个（构造函数）创建的数组 // var arr = [1,3,1,6,6,4]; //一个（字面量）创建的数组 function norepeat(arr){ for(var i=0 ;i<arr.length;i++){ //for循环
2020-12-20 22:07:34
451
原创 有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。
核心代码：运用函数 fn + for循环 + if条件语句<script> var arr = [1,2,3,4,5,7,8]; //一个排好序的数组 function fn(arr,k){ //函数接收数组:arr和要输入数组的数:k for(var i=0 ;i<arr.length;i++){ //for循环选择数组的所有元素 if(k<arr[i]){
2020-12-20 21:35:02
1453
原创 JavaScript数组的----方法操作(ES5-)---12种详解+理解大全！
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div class="box">&
2020-12-20 16:22:03
92
原创 递归！递归！三道经典题教你认识递归！递归不再是难点！
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div class="box">&l
2020-12-19 11:58:42
853
2
原创 运用双层循环完成一个三角形的打印功能。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body> <div id="box"></div
2020-12-18 21:14:12
669
4
原创 用js的for循环求100-999之间所有的水仙花数。
文章目录新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入用js求100-999之间的水仙花数。 Document # 欢迎使用Markdown编辑器你好！ 这是你第一
2020-12-18 20:21:48
2855
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人