javascript
关注
分享
扫一扫
飒尔
这个作者很懒，什么都没留下…
展开
-
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 · 347 阅读 · 0 评论 -
简易购物车（最全代码解析）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 · 4020 阅读 · 4 评论 -
简易轮播图（最全代码解析）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 · 1147 阅读 · 0 评论 -
简易轮播图（最全代码解析）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 · 579 阅读 · 0 评论 -
简易放大镜（最全代码解析）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 · 223 阅读 · 0 评论 -
简易放大镜（最全代码解析）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 · 287 阅读 · 0 评论 -
输入某年某月某日，判断这一天是这一年的第几天?（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 · 1171 阅读 · 0 评论 -
《Ajax》了解一下
1.Ajax什么是Ajax？ajax 全名 async javascript and XML(异步JavaScript和XML) 是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具，以及接受响应的⼯具 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 是⼀个 默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）什么是同步请求...原创 2021-10-15 21:12:47 · 148 阅读 · 0 评论 -
《闭包》了解一下
1、闭包的概念闭包就是能够读取其他函数内部变量的函数。在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数“。本质上，闭包是将函数内部和函数外部连接起来的桥梁。定义在一个函数内部的函数它可以读取父级函数的所有局部变量；闭包就是在函数的“堆栈”返回后并不释放，也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。当在一个函数内定义一个函数就会产生闭包。2、闭包的作用一是前面提到的可以读取函数内部的变量，另一个就.原创 2021-10-15 21:21:40 · 155 阅读 · 0 评论 -
原生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 · 422 阅读 · 0 评论 -
节流和防抖
<!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 · 142 阅读 · 0 评论 -
如何实现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 · 744 阅读 · 0 评论 -
浅拷贝与深拷贝
浅拷贝： 浅拷贝指的是将一个对象的属性值复制到另一个对象，如果有的属性的值为引用类型的话，那么会将这个引用的地址复制给对象，因此两个对象会有同一个引用类型的引用。浅拷贝可以使用 Object.assign 和展开运算符来实现。 深拷贝： 深拷贝相对浅拷贝而言，如果遇到属性值为引用类型的时候，它新建一个引用类型并将对应的值复制给它，因此对象获得的一个新的引用类型而不是一个原有类型的引用。深拷贝对于一些对象可以使用 JSON 的两个函数来实现，但是由于 JSON 的对象格式比 js 的对象格式更加严格，所..原创 2022-03-04 15:24:42 · 380 阅读 · 0 评论