![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 71
JavaScript
北凉冬
每天都有活下去的动力
展开
-
前端项目开发踩坑01————利用setTimeout模拟出类似setInterval及宏任务微任务
大屏项目等利用定时器固定时间刷新数据。setInterval包裹Promise导致,Promise的回调执行时间与预期timeout不符的解决方案:利用setTimeout模拟出类似setInterval。提示:以下是本篇文章正文内容,下面成功案例可供参考先放解决方案。原创 2024-06-28 11:31:39 · 868 阅读 · 0 评论 -
JavaScript高级学习:事件的防抖和节流03——详解节流
提示:本文为JavaScript栏目:JavaScript高级学习:事件的防抖和节流03——详解节流JavaScript高级学习:事件的防抖和节流03——详解节流防抖防抖的思路初步实现技能二段伤害防抖防抖的思路其次是第二种思路。如果短时间内大量触发同一事件,那么在函数执行一次之后,该函数在指定的时间期限内不再工作,直至过了这段时间才重新生效。简单来说就是给技能加一个冷却时间,事件触发后开始冷却,冷却时间内不能再触发。初步实现节流实现的关键在于时间戳的获取和定时器。我们在时间第一次执行的原创 2021-09-13 14:52:07 · 102 阅读 · 0 评论 -
JavaScript高级学习:事件的防抖和节流02——详解防抖
提示:本文为JavaScript栏目:JavaScript高级学习:事件的防抖和节流02——详解防抖JavaScript高级学习:事件的防抖和节流02——详解防抖防抖防抖的思路初步实现解决指针问题和event对象大招后摇补充:返回值和取消操作防抖防抖的思路如果在delay时间内没有再次触发滚动事件,那么就执行函数如果在delay时间内再次触发滚动事件,那么当前的计时取消,重新开始计时简单来说就是把事件的触发当做成一个技能。在技能释放的时候需要delay时间的蓄力,而且不能被打断,如果被打断则原创 2021-09-13 14:40:43 · 131 阅读 · 0 评论 -
JavaScript高级学习:事件的防抖和节流01——介绍事件的防抖和节流
提示:本文为JavaScript栏目:jQuery高级学习:事件的防抖和节流01——介绍事件的防抖和节流jQuery高级学习:事件的防抖和节流01——介绍事件的防抖和节流防抖和节流mousemove事件举例说明遇到的问题HTML防抖节流防抖和节流防抖和节流严格来说属于WebAPI的性能优化。mousemove事件举例说明遇到的问题加入我们给某个DOM元素绑定一个mousemove事件。如下代码所示。HTML<style> #app{ height: 2原创 2021-09-13 14:10:17 · 137 阅读 · 0 评论 -
jQuery高级学习:前后端分离03——地址栏实现数据交互
提示:本文为JavaScript栏目:jQuery高级学习:前后端分离03——地址栏实现数据交互jQuery高级学习:前后端分离03——地址栏实现数据交互前言地址栏实现数据交互A.HTMLB.HTML前言地址栏实现数据交互A.HTML<body><div id="app"> <div id="detail"> <button type="button" id="min">-</button>原创 2021-06-24 10:41:36 · 98 阅读 · 0 评论 -
jQuery高级学习:前后端分离02——传统数据交互模式
提示:本文为JavaScript栏目:jQuery高级学习:前后端分离02——传统数据交互模式jQuery高级学习:前后端分离02——传统数据交互模式前言传统方式的数据交互A.HTMLB.html前言传统方式的数据交互A.HTML<body><div id="app"> <div id="detail"> <button type="button" id="min">-</button> &l原创 2021-06-24 10:36:51 · 241 阅读 · 0 评论 -
jQuery高级学习:前后端分离01——JSON的概念
提示:本文为JavaScript栏目:jQuery高级学习:前后端分离01——JSON的概念jQuery高级学习:前后端分离01——JSON的概念前言JSON的概念前言本文粗浅学习JSON的概念。提示:以下是本篇文章正文内容,下面案例可供参考JSON的概念JSON的概念:一种数据格式,主要用来前后端进行数据交互的JSON要求key用双引号包起来,json对象格式,优点可以向对象一样,根据key来操作valueJSON另外一种情况是json字符串,就是普通字符串,但是里面的内容符合jso原创 2021-06-17 10:56:29 · 163 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性12——Symbol类型
提示:本文为JavaScript栏目:JavaScript高级学习:ES6新特性12——Symbol类型JavaScript高级学习:ES6新特性12——Symbol类型前言Symbol类型Symbol类型的特点1.独一无二Symbol类型的使用1.Symbol类型的描述值参数会自动调用toString方法2.description获取Symbol的描述值3.Symbol类型不能和点运算符一起使用4.Symbol类型的变量不能和其他任意类型参与计算,如果Symbol参与计算,直接报错5.重复声明Symb原创 2021-05-11 13:20:19 · 156 阅读 · 1 评论 -
JavaScript高级学习:ES6新特性11——继承的学习02
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第十一章JavaScript高级学习:ES6新特性11——继承的学习02前言继承继承的内置函数自定义myArray类,继承Array类自定义DebugError类,继承Error类前言本文粗浅学习继承。提示:以下是本篇文章正文内容,下面案例可供参考继承继承的内置函数class F{}class S extends F{}getPrototypeOf中参数为类名console.log(O原创 2021-05-11 12:59:43 · 116 阅读 · 2 评论 -
JavaScript高级学习:ES6新特性10——继承的学习01
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第十章JavaScript高级学习:ES6新特性10——继承的学习01前言继承ES5与ES6中继承用法的对比ES5中继承的用法ES6中继承的用法super关键字的使用super关键字作为对象使用super关键字在静态方法中的含义前言本文粗浅学习继承。提示:以下是本篇文章正文内容,下面案例可供参考继承ES5与ES6中继承用法的对比ES5中继承的用法ES5中的继承实际上是通过代码的灵活运用,让s去自动同原创 2021-05-11 12:43:32 · 69 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性09——ES6中类的使用
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第九章JavaScript高级学习:ES6新特性09——ES6中类的使用前言ES6中类的使用类的声明ES5中类的声明与使用ES6中类的声明与使用ES6中类的声明与使用:class关键字构造函数ES6中设置set和get类的表达式方式声明表达式方式声明类自动执行的类类的作用域类的静态方法和实例方法静态方法实例方法前言本文讲解ES6中类的使用。提示:以下是本篇文章正文内容,下面案例可供参考ES6中类的使用类原创 2021-04-27 11:03:39 · 133 阅读 · 2 评论 -
JavaScript高级学习:ES6新特性08——对象属性的扩展
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第八章JavaScript高级学习:ES6新特性08——对象属性的扩展前言对象属性的扩展对象简写属性的简写ES5属性简写ES6属性简写返回值快速封装对象中方法的简写ES5写法ES6写法属性名使用表达式复制对象传统直接赋值复制对象使用扩展运算符复制对象合并和拆分对象合并对象拆分字符串拆分数组is函数可枚举属性对象中的可枚举属性与不可枚举属性可枚举属性不可枚举属性忽略不可枚举属性for-in循环Object.keys函数原创 2021-04-27 11:01:47 · 307 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性07——数组在ES6中的使用
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第七章JavaScript高级学习:ES6新特性07——数组在ES6中的使用前言数组在ES6中的使用求数组的最大值ES5的方式求数组最大值ES6的方式使用数组扩展运算符求最大值ES6扩展运算符的使用扩展运算符传参扩展运算符操作伪数组复制数组传统复制数组ES6中使用扩展运算符复制数组ES5中复制数组合并数组ES6方案合并数组ES5方案合并数组配合解构赋值拆分数组数组新增函数Array.from()函数Array.of(原创 2021-04-27 11:00:11 · 134 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性06——异常处理
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第六章JavaScript高级学习:ES6新特性06——异常处理前言异常处理异常捕获异常抛出html抛出异常前言本文讲解异常处理。提示:以下是本篇文章正文内容,下面案例可供参考异常处理异常捕获try{ // 异常捕获 console.log("进入try语句块"); console.log(num); let num=10; console.log("你好");原创 2021-04-27 10:58:45 · 495 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性05——函数的ES6扩展用法
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第五章JavaScript高级学习:ES6新特性05——函数的ES6扩展用法前言函数的ES6扩展用法设置形参的默认值ES5的方式设置形参的默认值设置默认值方案一设置默认值方案二ES6的方式设置形参的默认值设置默认值的构造函数配合解构赋值来设置参数的默认值ES5写法:ES6写法匿名函数的length方法的运用处理参数不确定个数的方式ES5处理参数不确定个数的方式ES6处理参数不确定个数的方式前言本文讲解函数的ES原创 2021-04-27 10:55:46 · 101 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性04——数值的扩展操作
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第四章JavaScript高级学习:ES6新特性04——数值的扩展操作前言数值的扩展操作isNaN函数isFinite函数ES5中使用ES6中使用总结数值转换parseInt:ES5的用法parseInt:ES6的用法isInteger函数trunc和floor函数Number.EPSILON极小常量前言本文讲解ES6数值的扩展操作。提示:以下是本篇文章正文内容,下面案例可供参考数值的扩展操作isNaN原创 2021-04-25 15:09:53 · 109 阅读 · 0 评论 -
JavaScript高级学习:面对对象——伪数组
提示:本文为JavaScript栏目:JavaScript高级系列——面对对象章节JavaScript高级学习:面对对象——伪数组前言伪数组前言本文讲解伪数组。提示:以下是本篇文章正文内容,下面案例可供参考伪数组伪数组:拥有length属性的对象,就可以称之为伪数组。伪数组要求对象的key值必须是从0开始的连续自然数,并且额外的length属性的值和其他key的个数相同。let arr={ "0":10, "1":20, "2":30, length:3原创 2021-04-25 13:26:52 · 212 阅读 · 0 评论 -
JavaScript高级学习:面对对象——函数的补充
提示:本文为JavaScript栏目:JavaScript高级系列——面对对象章节JavaScript高级学习:面对对象——函数的补充前言函数的补充前言本文讲解函数的补充。提示:以下是本篇文章正文内容,下面案例可供参考函数的补充举例:function /*我也是注释*/ fn(x,y) { //你好,我是注释 return x+y;}通过表达式函数fn.length和fn.name获取函数的形参个数和函数名console.log("设置的形参个数:"+fn.len原创 2021-04-25 13:26:10 · 70 阅读 · 0 评论 -
JavaScript高级学习:面对对象——JS的垃圾回收机制
提示:本文为JavaScript栏目:JavaScript高级系列——面对对象章节JavaScript高级学习:面对对象——JS的垃圾回收机制JS的垃圾回收机制举例双引用S和DOM相互依赖时的垃圾清除# 前言本文讲解JS的垃圾回收机制。提示:以下是本篇文章正文内容,下面案例可供参考JS的垃圾回收机制什么是JS中的垃圾?—声明使用过,后续不在使用的变量、声明后没有使用过。JS中如何处理垃圾?自动处理:声明在函数内的变量,在函数直接完毕自动销毁。手动处理:变量赋值为null,或者原创 2021-04-25 13:22:02 · 235 阅读 · 0 评论 -
JavaScript高级学习:面对对象——Object对象的实例成员和静态成员
提示:本文为JavaScript栏目:JavaScript高级系列——面对对象章节JavaScript高级学习:面对对象——Object对象的实例成员和静态成员前言Object对象的实例成员和静态成员Object对象的实例成员重写toString函数Date对象举例hasOwnProperty函数Object对象的静态成员1浅拷贝Object对象的静态成员2create函数create函数举例Object对象的静态成员3限制属性的操作Object对象的静态成员4getter和setterObject对象原创 2021-04-25 13:18:31 · 142 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性03——字符串
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第三章JavaScript高级学习:ES6新特性02——字符串前言字符串模板的使用传统的字符串使用与字符串模板的使用对比传统字符串方式换行字符串模板方式换行传统方式拼接字符串字符串模板拼接字符串字符串模板使用任意JS表达式字符串模板调用对象的属性字符串模板调用函数字符串模板拼接字符串字符串新增方法匹配字符串函数匹配字符串函数判断文件是否是压缩文件自动重复字符串字符串补全字符串清除空格前言本文讲解ES6字符串新特原创 2021-04-24 20:47:34 · 133 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性02——解构赋值
提示:本文为JavaScript栏目:JavaScript高级系列——ES6新特性章节 第二章JavaScript高级学习:ES6新特性02——解构赋值前言解构赋值正常的变量声明数组解构赋值数组解构赋值嵌套解构不完全解构嵌套使用不完全解构默认结构值默认值可以是变量对象解构赋值对象解构嵌套解构数组对象的解构对象解构默认值变量、字符串、函数的解构赋值变量的解构赋值(不推荐使用)字符串解构赋值字符串按照对象方式解构赋值函数形参的解构赋值前言本文讲解ES6新特性——解构赋值。提示:以下是本篇文章正文内原创 2021-04-24 20:44:49 · 115 阅读 · 0 评论 -
JavaScript高级学习:ES6新特性01——常量的声明和使用
Web学习:ES6新特性01——常量的声明和使用常量的声明和使用举例说明:const处理对象:常量的声明和使用const 表示常量,要求声明的时候必须赋值,后续不可更改const的特性和let一样。const声明的常量推荐变量名全大写。举例说明:const name = "张三丰";改变const声明的变量的值,报错name = "张无忌";const声明不赋值报错,报错const age;const处理对象:const实际上保证的不是之不能变化,而是保证的变量所指向的内存地址原创 2021-04-24 20:25:10 · 132 阅读 · 0 评论