JavaScript.

JavaScript异步编程

并发执行如果await之间没有相关依赖或顺序关系，可以直接用Promise.all包裹起来并发执行// ⛔ async function loadDashboard() const user = await fetchUser(); const posts = await fetc...

JavaScript Promise

Promise基础概念Promise 是一个代表异步操作最终完成或失败的对象。它有三种状态：pending（进行中）fulfilled（已成功）rejected（已失败）const promise = new Promise((resolve, reject) => // 异步操作...

window.dispatchEvent(new Event('resize'));

dispatchEvent + MouseEvent自定义触发

document.addEventListener('click', () => console.info('>>> click event >>>') ); setTimeout(() => document.dispatchEvent(new Mo

JavaScript函数柯里化

前言：函数柯里化属于一种代码设计模式，可以理解成将一个函数在参数传递上做出优化，使得函数的应用变得更加灵活。本文先讲述什么是柯里化以及柯里化有什么用途，最后封装一个将函数柯里化的函数。一、什么是函数柯里化函数柯里化就是把接受多个参数的函数变成可连续接收单个参数的函数。三个之和函数的柯里化例子如...

JavaScript事件循环机制

前言：JavaScript的事件循环机制或是异步编程是具体代码编写的重点，JavaScript语言的单线程执行特点以及同步任务和异步任务，由这些语言特性共同有一套事件循环执行机制也就是异步代码的预期执行效果。一、JS代码执行机制JavaScript的单线程单线程就意味着，所有任务需要排队，前一...

JS中事件冒泡、捕获机制和事件委托设计模式

前言：js里面事件就是指用户执行某些行为（本文以点击行为为例）后，浏览器会发出相应的事件响应，而用户可以捕获这些事件，并在其中写相应的逻辑代码。本文详细介绍浏览器对事件的传播机制（事件冒泡、事件捕获），以及事件委托（代理）一种代码设计模式。一、事件冒泡嵌套的DOM结果，如果点击子元素，会触发父...

JavaScript实现并发控制且指定并发上限为concurrency

前言：使用Typescript编写如下函数功能 并发控制函数 要求控制任务执行的并发上限为concurrency/ @Author: wztlink1013 @Date: 2022-07-25 19:57:09 @LastEditTime: 2022-07-25 19:57...

客户端检测

前言：用于客户端检测的工具函数记录是否为IOS设备let isIos = () => var u = navigator.userAgent if (u.indexOf('Android') > -1 u.indexOf('Linux') > -1) //安卓手机...

JavaScript浅拷贝深拷贝实现

原始值和引用值这里面Java和JavaScript都是只有引用的概念，但是在C/C++里面，就有指针的概念原始值： 存储在栈中的简单数据段，即他们的值直接存储在变量访问的位置。包括：undefined、null、boolean、number、string、symbol引用值：存储在堆中的对象，...

客户端存储

本地存储特性数据存储在用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大，sessionStorage约5M、localStorage约20M只能存储字符串，可以将对象JSON.stringify()编码后存储，然后使用的使用JSON.parse()转换回对象window.sessio...

jQuery使用笔记

jQuery只是对原生的JavaScript进行封装，说白了就是封装成伪数组，所以记住它的一些调用方法就可以了参考资料jQuery API 速查表 --作者：ShifonejQuery思维导图一些特性$符号：jq里面的顶级对象入口函数：在DOM里面的DOMContentLoaded，在$里面...

jQuery选择器+样式操作+动画效果

jQuery 介绍JavaScript 库JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文...

jQuery元素+属性操作

jQuery 属性操作jQuery 常用属性操作有三种：prop() / attr() / data() ;元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如 元素里面的 type。语法注意：prop() 除了普通属性操作，更适合操作表单...

jQuery事件+插件

jQuery 事件注册jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。语法演示代码