- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 react使用Hook
1.State Hook在class中使用this.state来存放数据对应到Hook中使用useState来设置数据信息首先要引入useStateimport React,{useState} from "react";然后写一个组件函数function Axample(){ // 声明多个state // 声明一个叫count的变量 const [count,setCount] = useState(1); const [count1,setCount1]
2021-09-15 11:31:51
598
原创 javascript---选择排序（打擂台）
选择排序var arr = [6,5,4,3,2,1,0];//将其从小到大排序//规则//1.比较的轮数=数组长度-1// 2.比较的次数等于数组长度-当前的轮数for(var i = 0;i < arr.length - 1;i ++){//被比较数的下标for(var j = i + 1;j < arr.length;j ++){if(arr[i] > arr[j]){var temp = arr[i];arr[i] = arr[j];arr[j] = temp
2021-01-21 15:50:08
261
原创 javascript-------冒泡排序
javascript-------冒泡排序<html><head><script>//冒泡排序var arr = [6,5,4,3,2,1,0];//将其从小到大排序//规则//1.比较的轮数=数组长度-1// 2.比较的次数等于数组长度-当前的轮数 for(var i = 0;i < arr.length - 1;i ++){ for(var j = 0;j < arr.length - (i + 1);j ++){ if(ar
2021-01-21 15:31:37
176
原创 js-实现微信聊天界面
效果如图：代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模拟微信聊天</title> <link rel="stylesheet" href="../css/模拟微信聊天.css"></head><body> <div class="box">
2020-05-10 22:47:56
1938
原创 js-实现计算器
知识点eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js计算器</title> <link href="../css/计算器.css" rel="stylesheet"></head><body
2020-05-08 22:06:32
652
原创 js练习-待办事项列表
知识点document.createElement();方法通过指定名称创建一个元素document.createTextNode();可创建文本节点appendChild();方法可向节点的子节点列表的末尾添加新的子节点。parentElement();查找父元素addEventListener() 方法用于向指定元素添加事件句柄。语法：element.addEventListener(event, function, useCapture)；event：必须，指定事件名称；fun
2020-05-08 20:53:20
1624
原创 js练习-表格单列按字母排序
类似于列表按字母排序，直接上代码啦~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格单列字母排序</title> <link href="../css/表格数据搜索.css" rel="stylesh...
2020-05-06 18:18:19
221
原创 js小测验-实现列表按字母排序
知识点1.parentNode：返回元素父节点的属性2.insertBefore()方法insertBefore() 方法可在已有的子节点前插入一个新的子节点。语法:node.insertBefore(newnode,existingnode)newnode 节点对象 必须。要插入的节点对象existingnode 节点对象 必须。要添加新的节点前的子节点。<!DOCTYPE ...
2020-05-06 17:19:14
467
原创 js小实例-表格数据搜索
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格数据搜索</title> <link href="../css/表格数据搜索.css" rel="stylesheet"></head>...
2020-05-06 15:33:15
232
原创 js实现仿百度搜索框自动提示功能
提示：touppercase()方法用于把字符串小写字母转换成大写<input type="text" id="myInput" placeholder="搜索..." onkeyup="myFunction()"><ul id="myUL"> <li><a class="header" href="#">A</a></li...
2020-05-06 10:31:16
634
原创 记录js小项目-Lightbox
效果图1.首页面2.点击图片弹出内容3.点击箭头可左右切换，且下面小图跟随切换4.点击×关闭用来练手的小项目，不是很熟练，希望大佬多多指教！下面贴上代码<html><head> <meta charset="utf-8"> <link href="../css/Lightbox.css" rel="stylesheet"...
2020-05-05 22:49:36
180
原创 js实例-弹窗
思路1.创建一个按钮，点击弹出弹窗2.建立一个弹窗页面 固定定位 默认隐藏3.将弹窗内容放在弹窗页面的中间4.js将事件绑定按钮，点击后让弹窗页面显示5.js事件绑定span标签，点击后让弹窗页面消失代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...
2020-05-05 12:44:57
368
原创 js实现幻灯片轮播图
1.html选取了五张图片 放入div中，然后是左右箭头，以及按钮，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <link href="../css/轮播图.css"...
2020-05-05 11:15:42
950
原创 记录-js实现焦点轮播图
记录-js实现焦点轮播图1.html代码<html><head> <title>焦点轮播图</title> <link href="jiaodian.css" type="text/css" rel="stylesheet"></head><body><div class="dem...
2020-04-26 18:08:50
406
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人