![](https://img-blog.csdnimg.cn/20200715224426896.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js
文章平均质量分 57
关于js的内容分享
新生代农民工官方认证码农小拽
实践是检验知识的唯一标准!
展开
-
【js】json-fetch小知识
json-fetch小知识原创 2023-05-19 15:06:04 · 502 阅读 · 0 评论 -
【js】export default也在影响项目性能呢
【js】export default也在影响项目性能呢原创 2023-02-19 15:58:47 · 563 阅读 · 0 评论 -
【JS】复习和学习几个好用的js小知识
【JS】复习和学习几个好用的js小知识原创 2022-11-15 18:06:49 · 369 阅读 · 0 评论 -
【js】按键事件中的keycode被弃用,改用e.code替代
写法的,但是这种写法不够准确,比如你按键盘上的左右两边的。已废弃,最佳替代写法为。原创 2022-10-27 17:19:03 · 3654 阅读 · 0 评论 -
[ js ] -- Object.create()和new Object()
[ js ] -- Object.create()和new Object()原创 2022-09-29 12:52:51 · 504 阅读 · 0 评论 -
遍历await方法的区别:以for和forEach为例
遍历await js原创 2022-08-01 13:55:14 · 468 阅读 · 0 评论 -
定义requestAnimationFrame一秒执行一次
定义requestAnimationFrame一秒执行一次原创 2022-06-07 18:38:59 · 1078 阅读 · 0 评论 -
js三元运算符(? :)的链式写法
如果用三元运算符进行连续判断,之前习惯这么写:(typeof num === 'number') ? (num <= 0 ? 0 : (num < 10 ? ('0' + num) : num)) : 'not a number !'刚才在看immutable.js源码时,看到这个写法:感觉很直观,也很美观, 所以记录一下,以后也跟着这么写。确实很不错。自己写个例子练习一下:function __is(num) { return typeof num === 'number'原创 2022-05-25 09:56:08 · 773 阅读 · 0 评论 -
又重新封装了一下toast提示
之前用jq封装了一次toast提示方法,https://blog.csdn.net/tuzi007a/article/details/121273822但是用了一段时间后,发现有一定的缺点,比如需要引入jquery才能使用该方法,缺少动画容易让用户误解,如果前后toast提示内容差不多,用户都看不出来有新的taost提示。。。鉴于这些因素,今天就重新用原生js进行封装,增加了淡出动画,改善了用户体验,原生js封装,使用也更加方便。至于为啥不用像antd这样的ui组件,主要是因为不想搞原创 2022-05-17 20:02:33 · 259 阅读 · 0 评论 -
如果非要在forEach中修改原数组
如果非要在forEach中修改原数组简单说明修改原数组?总结中断遍历简单说明forEach作为数组的一个遍历方法,提供了数组的遍历和值的修改功能。但是在修改原数组方面,有不少注意事项。forEach有两个参数,第一个参数是回调函数,第二个参数是用来改变this指向的。第二个参数极少使用,本篇不做介绍。回调函数可以写入3个参数,分别是:item 数组的每个值index 数组的下标arr 数组forEach没有返回值,或者说返回值是undefinedconst arr = [1,原创 2022-04-29 16:45:02 · 342 阅读 · 0 评论 -
MDN扫盲之web事件
MDN扫盲之web事件web事件列表资源事件errorbeforeunload网络事件navigator.onLine打印事件视图事件剪贴板事件键盘事件鼠标事件拖放事件媒体事件进度事件Tab事件web事件列表MDN文档:https://developer.mozilla.org/zh-CN/docs/Web/Events资源事件error资源加载失败时触发。比如我们现在加载一张不存在的图片,当加载失败时,打印提示资源加载失败:<!DOCTYPE html><html原创 2022-03-29 21:23:11 · 514 阅读 · 0 评论 -
2021.12.13 每天进步一点点: ts变量类型、符号、关键字的整理
ts变量类型、符号、关键字的整理TS数据类型布尔值数字型字符串型数组数字型数组元组枚举型any类型void类型undefined类型null类型never类型object类型unknown类型Date类型interface类型可索引接口类型继承接口类型函数类型泛型T交叉类型联合类型TS符号类型断言可选属性TS关键字readonly只读TS数据类型布尔值: boolean数字型: number支持二进制,十进制,八进制,十六进制字符串型: string引号可以是"",也可以是’’,或原创 2021-12-13 16:09:39 · 1851 阅读 · 0 评论 -
获取url中某个参数param对应的值
分三种情况:假设param为tab参数:1,url中不存在location.search或者param参数url = http://xxx.com/url = http://xxx.com?name=dili2,url中存在param参数,但是没有&拼接的其他参数url = http://xxx.com?tab=13,url既有param参数,又有&拼接的其他参数url = http://xxx.com?tab=1&name=dili&age=18方法f原创 2021-11-23 11:15:03 · 1334 阅读 · 0 评论 -
原生JS操作DOM的增删改查(实用总结篇)
大家好,我是梅巴哥er。实际项目中,最多的应用就是对DOM树的操作,所以本篇就从实用角度,总结一下原生JS下的DOM的增删改查。增增加元素前,必须先创建或复制元素。然后把创建或复制的元素,插入到DOM树中。增加元素创建元素document.createElement('div');复制元素div.cloneNode(blooean);这里的blooean是布尔值,如果是true,就克隆div元素和它里面的所有子元素以及css属性。如果是false,只复制div元素本身,不原创 2021-07-10 12:37:47 · 1269 阅读 · 2 评论 -
JS:输出一个字符串中,第一个不重复的字符。如果没有不重复的字符,就输出-1 。(5行代码搞定)
大家好,我是梅巴哥er。 本篇介绍一个简单的算法。下午看到一个算法题,题目是:给定一个字符串,输出一个字符串中,第一个不重复的字符。如果没有不重复的字符,就输出-1 。经过一番思考,有了简单的思路。只需要5行代码就搞定。比用正则表达式还要简单一些。先看下算法代码:var arr = []for(var i = 0; i < str.length; i++) { var str1 = str.slice(0, i) + str.slice(i+1) arr.push(str原创 2021-04-08 21:49:44 · 1165 阅读 · 0 评论 -
JS:指定this三兄弟之call、apply、bind
大家好,我是梅巴哥er。本篇就讲讲用于绑定this的三兄弟------call、apply、bind。callcall的语法function.call(thisArg, arg1, arg2, ...)call语法解释就是用thisArg, arg1, arg2, …这些参数,来调用call前面的function。call() 提供新的 this 值给当前调用的函数/方法。其中:thisArg 不是必须的。如果这个函数是非严格模式下,thisArg是null或undefined,则指向全原创 2021-03-07 22:27:42 · 181 阅读 · 0 评论 -
ES:回调函数、Promise、async/await的一些知识总结(以后遇到问题、会随时更新)
用自己的话讲有趣的知识。大家好,我是梅巴哥er。本篇讲一些回调函数、promise相关的知识。以后遇到promise相关的知识,也会在这篇博客里更新。涉及到的讲解,都是个人的理解,如有不当之处,欢迎评论区指出。会及时回复和更正。说到promise,就不得不先说说回调函数。啥是回调函数顾名思义,就是(别的代码执行完后,再)回头调用的函数。// 举个栗子function callback() { console.log(1)}setTimeout(callback, 1000)//原创 2021-03-06 17:30:44 · 474 阅读 · 4 评论 -
ES:类的创建和继承,怎么理解?我们来继续讲故事叭~
用自己的话讲有趣的知识。大家好,我是梅巴哥er。本篇通过讲故事的形式,讲一下类相关的知识,加深记忆。希望有所帮助。先介绍下相关概念:什么是类?class类是ES6新增的概念类是抽象了对象的公共部分,它泛指某个例子。举个例子,明星就是一类人(一个大类),而作为明星的迪丽热巴就是对象。对象是具象化的概念。类里面的共有属性和方法一定要加this使用类的创建class Star { ...}// 用class创建// 类名首字母大写// 类名后不跟()类的继承原创 2021-03-05 03:13:56 · 159 阅读 · 2 评论 -
JS:封装数组去重函数,随用随取,又方便又简单~
大家好,我是梅巴哥er。数组去重,是个经常提到的话题。那么,是否可以搞一个去重函数,随用随取呢?封装之前,我们先来看下,普通的去重该怎么去做。加入有这个一个数组,var arr1 = [1, 2, 3, 3, 2],想得到它的去重后的数组,要怎么做呢?我的思路是:先声明一个空数组arr = [ ],再对数组arr1进行遍历取arr1中的元素1,和arr中的元素进行比较看下arr中是否有1了如果有了,就不操作。继续拿arr1中的元素2跟arr中的元素进行比较如果没有,就把1放进arr数组原创 2021-03-03 16:30:01 · 1717 阅读 · 3 评论 -
JS进阶:prototype和__proto__、constructor及原型链,到底咋回事儿?我来给你讲个故事叭~
用自己的话讲有趣的知识。大家好,我是梅巴哥er。看到不少人对原型链产生云里雾里的感觉,尤其是prototype和__proto__,长的跟个双胞胎似的,傻傻分不清楚。本篇我们就来讲讲原型链的知识,讲的不一定全面,算是提供一点思路,抛砖引玉吧。按照惯例,先问是什么,再问为什么。也就是说,prototype和__proto__是什么?先来说说prototype:prototype是一个对象存在于构造函数中,每一个构造函数都有一个prototype属性它可以给构造函数添加属性和方法。这些属性原创 2021-03-03 13:23:31 · 248 阅读 · 2 评论 -
JS的节流和防抖,搞懂它!
大家好,我是梅巴哥er。今天一起来搞懂JS的节流和防抖。不再犯难!什么是节流和防抖?节流:比如点击按钮让盒子移动50px。第一次点击按钮,盒子开始移动,然后在盒子移动完这50px的距离前,你接着不停的点击按钮,但是盒子并不会移动超过50px的距离。等移动到50px的位置后,你再点击按钮,才能再次让盒子移动下一个50px。总结:第一次操作的时候,开始执行。第一次执行结束前,再怎么操作都无效。就像你要喝水,打开饮水机水龙头接了一杯热水。就赶紧关掉饮水机水龙头。等你要倒下一杯水的时候再打开水龙头放水,不会原创 2021-01-26 04:36:18 · 573 阅读 · 6 评论 -
JavaScript知识整理
快乐的棒棒糖~~资料纯手打。也算自己又重新复习了一遍吧。希望对小伙伴们有所帮助23333~JavaScript计算机基础(了解)数据存储单位bit byte kb Gb Tb如图:java和javascript的关系:两者毫无关系。类似于雷锋和雷峰塔的关系。script是脚本的意思。javascript 是脚本语言,会逐行解释执行。简称JS。html / css / js三者的...原创 2020-04-27 02:03:33 · 6904 阅读 · 21 评论 -
jQuery基础知识梳理(含中文文档,自己的理解和代码注释)
jQuery基础内容写在前面:1,本文是对jQuery基础内容的梳理,并非全部知识。为了更加深入理解,建议参考 jQuery中文文档进行学习。2,目录建立了知识锚点,点击目录可直接跳转到指定知识点学习。3,个人认为,jQuery是封装的js常用函数的库,重点在于理解和调用。所以这个学习过程比较简短。4,整理如有误,请及时批评指正,以免内容对观看本文的同学产生误导。5,如需复习JS知识,请移步 https://blog.csdn.net/tuzi007a/article/details/105原创 2020-05-12 10:52:01 · 4584 阅读 · 6 评论 -
JS进阶知识、ES6基础知识整理
JS进阶知识、ES6基础知识整理一、JS面向对象面向过程编程POP(了解)面向对象编程OOP(了解)面向对象的特性面向过程和面向对象的对比二、ES6中的类和对象对象类 class创建类类添加方法三、类的继承继承super关键字三级目录四、面向对象案例案例:面向对象版tab栏切换三级目录五、构造函数和原型构造函数构造函数存在的问题构造函数的原型prototype对象原型_proto_constructor 构造函数构造函数、实例、原型对象三者之间的关系原型链JS的成员查找机制(规则)原型对象的this指向扩展原创 2020-05-20 02:36:32 · 5449 阅读 · 18 评论