JavaScript
文章平均质量分 70
关于javascript的笔记分享,项目分享,bug解决,好书推荐等
牛小小小婷~
这个作者很懒,什么都没留下…
展开
-
防抖节流【问题三】
var timer只能在setTimeout的父级作用域中,这样才是同一个timer,并且为了方便。: 在事件被触发n秒后再执行回调,如果这n秒内又被触发,则重新计时。函数的调用和回调函数fn的传参问题,应该用闭包来解决这些问题。函数防抖和节流: 优化高频率执行js代码的一种手段。忘记当时啥子题目,知识点是二分查找。每隔一段时间,只执行一次函数。原创 2023-01-11 16:35:18 · 191 阅读 · 0 评论 -
数组reduce()方法
1、: reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue))currentValue (数组中当前被处理的元素)index (当前元素在数组中的索引)array (调用 reduce 的数组)initialValue (作为第一次调用 callback 的第一个参数。原创 2022-12-19 20:50:39 · 1074 阅读 · 0 评论 -
【js记录】递归进行深拷贝时对于Object遍历方法的思考【深浅拷贝+object县官属性介绍+类型判断方法+for...in+for...of】
1、 typeof3、 原型链判断某实例是否在对象的原型链上哥们,可以先好好了解一下原型链,上面网址里头有原型链的介绍。原创 2022-12-18 11:22:28 · 451 阅读 · 0 评论 -
vue多级路由跳转+传参+栗子详解【如何使用路由守卫】【源码放置于Gitee中】
源码地址: https://gitee.com/hannah_bingo/vue_demo/Message --传递params—> Detail。只有相关用法,限制范围并没有起到有效拦截作用。分类:全局守卫、独享守卫、组件内守卫。作用:对路由进行权限控制。原创 2022-10-26 17:16:24 · 1451 阅读 · 0 评论 -
面向对象简介二---接口+ 属性的封装+泛型
现在属性是在对象中设置的,属性可以任意被修改。TS可以在属性前添加属性的修饰符。原创 2022-10-25 12:14:49 · 210 阅读 · 0 评论 -
面向对象简介一---类【类属性+实例属性】+构造函数+继承+重写
静态属性:使用static开头的属性(类属性),可以直接通过类去访问。实例属性 : 直接定义的属性是实例属性,需要通过对象的实例去访问。子类中写了构造函数,子类构造函数中必须对付类构造函数进行调用。readonly : 只读属性【实例属性】constructor被称为构造函数。原创 2022-10-25 10:07:09 · 197 阅读 · 0 评论 -
如何编译typescript文件,在控制台中输出结果
include: 用来指定哪些ts文件需要被编译【包含哪个目录的文件】指定被编译文件的列表,只有需要编译的文件少时才会用到。outDir: 用来指定编译后文件所在的目录。exclude:不需要被编译的文件目录。outFile: 将代码合并为一个文件。js文件自动输出在dist文件夹下。在index.html引入即可。路径: ** 表示任意目录。定义被继承的配置文件。原创 2022-10-25 09:45:40 · 1429 阅读 · 0 评论 -
TyepScript语法简介【TS介绍一】
TypeScript开发环境搭建ts类型声明一二三原创 2022-10-24 16:12:28 · 89 阅读 · 0 评论 -
扩展运算符...的应用
数组、对象、字符串。原创 2022-09-25 21:13:12 · 91 阅读 · 0 评论 -
HashMap和ArrayMap的区别,HashMap与Object的区别,WeakSet与Set,Map与WeakMap的区别
综上所述,数据量比较小,并且需要频繁使用Map存储数据的时候,推荐使用ArrayMap而数据量比较大的时候,推荐使用HashMap。原创 2022-09-20 16:14:57 · 797 阅读 · 0 评论 -
事件扩展符(...)在什么情景下使用
1、 函数调用2、 往数组里push多个元素3、 替代函数的apply方法4、求一个数组的最大数简化5、 扩展运算符后面可以放表达式6、 与解构赋值结合,用于生成数组7、合并数组8、 数组的克隆原创 2022-07-09 14:19:36 · 516 阅读 · 0 评论 -
JS继承的方法和优缺点
1、 实现方式: 将子类的原型指向父类的对象实例原理: 子类实例child的指向Child的原型链prototype,而Child.prototype指向Parent类的对象实例,该父类对象实例的指向Parent.prototype,所以Child可继承Parent的构造函数属性、方法和原型链属性、方法优点: 可继承构造函数的属性,父类构造函数的属性,父类原型的属性缺点: 无法向父类构造函数传参,且所有实例共享父类实例的属性,若所有共有属性为引用类型,一个子类实例更该父类构造函数共有属性时会导致继承的原创 2022-07-09 00:06:29 · 280 阅读 · 0 评论 -
JS new时会发生什么
1、 创建空对象2、设置新对象的constructor属性为构造函数的名称,设置新对象的属性指向构造函数的prototype对象,扩展了新对象的原型链3、 使用新对象调用函数,函数中的this被指向新实例对象4、 返回this指针,当存在显式的返回时,返回return后面的内容。新建的空对象作废...原创 2022-07-08 23:56:21 · 89 阅读 · 0 评论 -
手写bind
实现效果:1、bind的第一个形参是要绑定给函数的上下文:2、 可以传递多个参数使用例子:实现 方法一【ES6】:实现方法二【ES5】:原创 2022-07-08 23:50:32 · 114 阅读 · 0 评论 -
块级作用域,函数作用域【for循环setTimeout输出1-10解决方式】
1、 for循环是同步代码,setTimeout是异步代码。遇到这种既包含同步又包含异步的情况,JavaScript依旧按照从上到下的顺序执行同步代码,并将异步代码插入任务队列2、 setTimeout的第二个参数则是把执行代码(console.log(i))添加到任务队列需等待的毫秒数,但等待的时间是相对主程序完毕的时间计算的,也就是说,在执行到setTimeout函数时会等待一段时间,再将当前任务插入任务队列。3、 最后,当执行完同步代码,js引擎就会去执行任务队列中的异步代码。但JavaScrip原创 2022-07-08 18:18:09 · 631 阅读 · 0 评论 -
JS实现sleep,普通版+promise+async/await
JS实现sleep,用promise原创 2022-07-08 18:03:33 · 563 阅读 · 0 评论 -
Javascript数组去重【set+map+indexOf+filter+splice+includes+hasOwnProperty七种方法去重】
1、ES6:set去重2、 ES5中常见: 利用for嵌套for,然后splice去重3、 indexOf去重4、 includes5、 利用hasOwnProperty6、利用filter7、 利用Map数据结构去重原创 2022-07-02 18:24:15 · 339 阅读 · 0 评论 -
手动实现function isInstanceOf(child,Parent)
1-2 insInstanceOf原理1、 主要实现原理: 只要右边变量的prototype在左边变量的原型链上即可2、1-3 手撸代码及测试阶段原创 2022-06-27 16:48:36 · 120 阅读 · 0 评论 -
JavaScript原型链
. **对象原型(`__proto__`)和构造函数(porototype)原型对象**都有一个属性 constructor 属性 - constructor : 构造函数,指的是构造函数本身- Star原型对象里面的__proto__原型指向的是 Object.prototype- Object.prototype原型对象里面的__proto__原型 指向为 null...原创 2022-06-27 15:44:26 · 203 阅读 · 0 评论 -
使用promise的基本功能【四、Promise源码】
1-2 fs读取文件.js1-3 Ajax请求.html1-6 Promise的构造函数catch2-2 2-能否执行多个回调.html2-4 4-then方法返回结果有什么决定.html原创 2022-06-22 18:42:40 · 87 阅读 · 0 评论 -
promise源码-class版本【三、Promise源码】【代码详细注释/测试案例完整】
> JS类和对象 后续更博讲解> 手撸Promise即完成promise的主要功能> - 声明构造函数> - resolve与reject> - throw抛出异常改变状态> - Promise的对象状态只能修改一次> - then方法执行回调> - 同步任务回调的执行> - 异步任务回调的执行> - 指定多个回调的实现> - 同步修改状态then方法结果返回> - 异步修改状态then方法结果返回> - Promis原创 2022-06-22 17:41:24 · 103 阅读 · 0 评论 -
【promise一】promise的介绍与手撸的关键问题
概念Promise是一门新的技术Promise是JS中进行异步编程的新解决方案备注: 之前是单纯使用回调函数具体:语法上: Promise是一个构造函数功能 : promise对象用来封装一个异步操作并可以获取其成功/失败的值...原创 2022-06-21 23:46:10 · 83 阅读 · 0 评论 -
前端vue实现增删列表&原生JS实现页面的增删【代码可copy运行】
一、 vue实现1-1 页面1-2 代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2022-03-17 11:17:29 · 1037 阅读 · 0 评论 -
原生JS实现登录功能,本地Cookie保存登录信息---【调用网易云API接口】---超详细讲解
一、 展示1-1 登录样式展示1-2 代码思路展示1-3 代码目录结构展示【使用了LayUI(一款强大的弹窗库)】二、 代码详解【注释超详细】2-1 Index.html <span id="user-login"> <!-- <a id="loginClick" href="javascript:void(0);">登录</a> --> <!-- <原创 2022-02-06 16:53:45 · 3190 阅读 · 1 评论 -
JS代码练习(上)----cn教程可运行代码
一、 JS基础1-1 JS事件,改变HTML内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2021-11-01 12:51:43 · 279 阅读 · 0 评论 -
《JavaScript 教程》笔记 + 代码练习
js在视频和菜鸟入坑之后,进入了一个卡顿期,边学ES6边看红宝书《Javascript高级程序设计》【我吐槽一下,这书明明得入坑ES6一段时间后看,才是进步最快的哇?好哇!还是太菜,今年重来,我马上能行!】21年年末绝对发现一本JS入坑一段时间就可以看的书籍,我太太太感谢阮一峰老师了!!!这书绝对大赞一波,我真真正正见识到了this,闭包,原型链,对象,AJAX,单线程,事件处理等等!!!这绝对是走向JS高深之路的必读书籍啊,太推了呀,相见恨晚!一定得多读几遍,呜呜呜电子书链接:JavaS.原创 2022-01-19 21:03:46 · 679 阅读 · 0 评论 -
JS代码练习(中)---js函数+jsDOM操作+JS高级教程——cn教程可运行代码
文章目录一、JS函数1-1 js函数定义.html1-2 js闭包.html二、 DOM操作.html2-1 DOMHTML和CSS和事件.html2-2 EventListener.html2-3 DOM元素.html2-4 HTML celection对象.html2-5 NodeList对象.html三、JS高级教程3-1 JS对象.html3-2 JS的prototype.html3-3 3.JavaScript Number对象.html3-4 date.html3-5 Arrays对象.ht原创 2021-11-04 18:50:12 · 114 阅读 · 0 评论