- 博客(16)
- 收藏
- 关注
RSS订阅原创 React函数式组件实现计算器
import React,{useState} from 'react';import { BigNumber } from "bignumber.js";import styled from 'styled-components';const Calculate = () => { const [state, setState] = useState({ currentNum: '', numA: '', operate: '', .
2022-03-22 15:39:17
299
原创 浅拷贝与深拷贝
浅拷贝： 浅拷贝指的是将一个对象的属性值复制到另一个对象，如果有的属性的值为引用类型的话，那么会将这个引用的地址复制给对象，因此两个对象会有同一个引用类型的引用。浅拷贝可以使用 Object.assign 和展开运算符来实现。 深拷贝： 深拷贝相对浅拷贝而言，如果遇到属性值为引用类型的时候，它新建一个引用类型并将对应的值复制给它，因此对象获得的一个新的引用类型而不是一个原有类型的引用。深拷贝对于一些对象可以使用 JSON 的两个函数来实现，但是由于 JSON 的对象格式比 js 的对象格式更加严格，所..
2022-03-04 15:24:42
332
原创 如何实现0.1+0.2=0.3？
对于这个问题，一个直接的解决方法就是设置一个误差范围，通常称为“机器精度”。对JavaScript来说，这个值通常为2-52，在ES6中，提供了Number.EPSILON属性，而它的值就是2-52，只要判断0.1+0.2-0.3是否小于Number.EPSILON，如果小于，就可以判断为0.1+0.2 ===0.3function numberepsilon(arg1,arg2){ return Math.abs(arg1 - arg2).
2022-03-04 15:12:55
686
原创 节流和防抖
<!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> <button id=".
2022-03-04 11:18:28
101
原创 原生JavaScript实现反转字符串中单词内的字母位置
//方法Ⅰ const res=()=>{ let str = 'abcdefg hijklmn opqrst' const arr= str.split('') let newArr=[] for(let i=0;i<arr.length;i++){ newArr[i]=arr[arr.length-1-i] } newArr = newArr.join('...
2022-03-02 13:37:59
382
原创 ToDoList
1、页面初始化样式如图2. 顶部input框中输入内容，按下回车enter键后，“正在进行” 列表中加入该条内容。3. 顶部input框中输入内容，按下回车enter键后，“正在进行” 列表中继续加入内容。右上角的数字跟随列表数目变化而变化。4. 点击列表左侧checkbox，可以将“正在进行”的列表项变更为“已经完成”的列表项。每个列表中的数字要跟随变动。5. 点击列表项右侧的删除按钮可以删除列表项。6.将当前列表项内容保存在cookie中，做持久存储，下一...
2021-10-20 20:44:24
437
原创 《闭包》了解一下
1、闭包的概念闭包就是能够读取其他函数内部变量的函数。在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数“。本质上，闭包是将函数内部和函数外部连接起来的桥梁。定义在一个函数内部的函数它可以读取父级函数的所有局部变量；闭包就是在函数的“堆栈”返回后并不释放，也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。当在一个函数内定义一个函数就会产生闭包。2、闭包的作用一是前面提到的可以读取函数内部的变量，另一个就.
2021-10-15 21:21:40
120
原创 《Ajax》了解一下
1.Ajax什么是Ajax？ajax 全名 async javascript and XML(异步JavaScript和XML) 是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具，以及接受响应的⼯具 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 是⼀个 默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）什么是同步请求...
2021-10-15 21:12:47
108
原创 git建立本地仓库
1.git config --global user.name "用户名"创建用户名2.git config --global user.email "邮箱"给用户增添邮箱3.git init4.git add 文件名将本地代码上传至本地服务器5.git commit -a -m ‘文件名’红色字体文件名要相同6.git log现实版本号7.git statue显示缓冲区状态8.git reflog回退至上个版本9.ssh-keygen -t r.
2021-10-09 16:24:55
343
原创 jQuery小功能---回到顶部按钮
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>-jQuery- 回到顶部</title> <style> body{ height: 2000px; } .gotop{ position:fixed; bottom:10px; right:10px; width:50px; .
2021-10-08 20:47:19
141
原创 输入某年某月某日，判断这一天是这一年的第几天?（JavaScript）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/test.js" type="text/javascript" charset="utf-8"></script> </head> <body> 年：<input type="tex...
2021-09-13 10:59:49
1097
原创 简易放大镜（最全代码解析）JavaScript（ES6面向对象）
完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ES6放大镜</title> </head> <style> *{ margin: 0; padding: 0; } .clear::after{ co..
2021-09-08 18:37:22
241
原创 简易放大镜（最全代码解析）JavaScript（ES5）
完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <style> .box { width: 170px; height: 180px; margin: 100px 200px;...
2021-09-08 18:35:28
176
原创 简易轮播图（最全代码解析）JavaScript（ES6面向对象）
完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ES6轮播图</title> <script></script> <style> * { margin: 0; padding: 0; ...
2021-09-08 18:32:59
519
原创 简易轮播图（最全代码解析）JavaScript（ES5）
全部代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> <style> * {padding: 0;margin: 0;} #wrapper { position: relative; margin: 50px auto; padding: 0; width: ..
2021-09-08 18:09:00
1107
原创 简易购物车（最全代码解析）JavaScript（ES6面向对象）
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>购物车</title> <style type="text/css"> table { width: 50%; position: relative; margin: 0px auto; border-collapse: collapse; ...
2021-09-08 10:11:08
3908
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人