fetch中option参数可以接受一个Abortsignal，只要传入的signal执行了abort()方法，fetch请求就会被立即终止，所以我们可以利用这个参数配合超时定时器实现请求超时功能 M…
标签：JavaScript
使用生成器实现async、await
使用递归执行Promise // 生成器实现async await const getData = (data = 0) => { return new Promise((resolve, re…
Vue3响应式原理的简单实现
Vue中响应式（拿reactive举例）实现其实是一系列的依赖收集，使用Proxy对传入的对象进行代理监听，返回处理好的代理对象。 //对象的响应式原理 class Depend { static a…
【JavaScript】函数的参数长度(length)
在js里，我们可以使用.length获取可遍历对象的参数个数，而且我们还可以通过length获取函数的参数个数： function fn(a,b,c){ console.log(a,b,c) } co…
JavaScript设计模式
整完了vue3之后忽然发现好像没有系统性学习过设计模式这方面的知识，所以就有了这篇文章 构造器模式(Constructor Pattern) 这个模式在面向对象的语言中很常见，但咱是在JavaScri…
前后端身份认证—使用express-session
前后端的身份认证 HTTP是一个无状态的协议，想要记住那个请求分别是哪个用户发起的，是很难进行判断的，所以，浏览器为我们提供了一个叫cookie的东西，用来区分每个请求的身份 Cookie 是一些数据…
JavaScript之贪吃的滑稽
这玩意光修bug都花了三小时 最终还是做出来了 <!DOCTYPE html> <html lang="en"> <head> <meta…
JavaScript 随机圆点+位移效果
感觉自己对于面向对象这一块还需要加强一下，所以就做了个小练习 <!DOCTYPE html> <html lang="en"> <head> &…
AJAX同源策略与解决跨域请求问题
AJAX同源策略 同源策略（same-Origin-Policy）最早由Netscape公司出的，是浏览器的一种安全策略 同源：协议，域名，端口号必须完全相同 违背同源策略就是跨域 如何解决跨域问题 …
JavaScript ES6-ES11 中的一些新语法
JavaScript ES6 中一些新增的语法 let let申明的变量只在所处于的块级作用域中有效 在一个大括号中，使用let关键字申明的变量才具有块级作用域，var关键字事不具备这个特点的 if …
Javascript之轮播图
按照淘宝pc端的布局画的，将就看（ 第一次写这玩意，本来想凭自己想象写的，最后还是卡在了无缝滚动（ 于是偷偷百度了下原理，成功实现 没有兼容性（摆烂 不多说了，看效果 源码下载： //设置一个inde…
【JavaScript】写了个模态框（弹出框）
模态框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8…
【JavaScript】简易菜单实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…
![[JavaScript]排他思想算法实现](https://kanokano.cn/wp-content/uploads/MyCDNCaches/kano_14.webp)
[JavaScript]排他思想算法实现
排他思想可以简单理解为：把所有元素全部清除样式(干掉其他人) 给当前元素设置样式(留下我自己) <!DOCTYPE html> <html lang="en"&g…
【记录】JS .sort()排序方法
定义和用法(W3CSchool) sort() 方法用于对数组的元素进行排序。 语法: arrayObject.sort([sortfunction]) 其中sortfunction必须是函数形式，可…
【记录】JS简单倒计时
先吐槽一下： 别人的算法： 我的算法： 看了下别人的再看了下我的，惨不忍睹，先挂出来鞭尸吧（大嘘） <!DOCTYPE html> <html lang="en"…
【记录】JS中Math内置方法要点
内置方法中比较容易纠结的点都总结在下面了： //最值方法 console.log(Math.max()); //没有参数，返回负无穷大 -Infinity console.log(Math.max(1…
【笔记】JavaScript函数需要注意的点
函数的实参个数多于形参，多余的形参不参与计算(存放在一个叫argument的对象（伪数组里面）)。 如果实参的个数小于形参，没有接收到数据的新参类型则为undefined。 形参实参个数最好匹配。 J…
【笔记】JS中数据类型的转换关系
1. 数字类型转字符串类型： toString()方法： var num=114514; console.log(num.toString());//转换为字符串 String()方法: var nu…