![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 63
前端呆头鹅
这个作者很懒,什么都没留下…
展开
-
nodejs搭建服务器手册
前端卷中卷,还不懂nodejs你就out了,一文教你服务器热门搭建方式,读完你就是全栈,秒杀普厂面试官。原创 2022-09-14 14:51:43 · 1110 阅读 · 0 评论 -
怎样同时获取10000+接口的返回值:Promise.all高并发限制解决方案
Promise.all高并发限制解决方案怎样同时获取10000+接口的返回值??有这样一种常见场景,我们希望同时请求N个接口,拿到所有的返回值做处理,这种情况下一般使用Promise.all实现。let urls = [ 'https://.../url1', …… 'https://.../url100'];function loadData(url) { return new Promise((resolve, reject) => { axios.get(原创 2022-05-14 00:44:28 · 973 阅读 · 0 评论 -
十分钟玩转模块化:ES Modules && ConmonJS 使用详解
CommonJs是针对服务端的js,也就是nodejs,ESmodules是针对浏览器的。为什么出现了两套不同的模块化?二者有什么区别?可以混合使用吗?这篇文章告诉你答案。原创 2021-12-08 16:29:46 · 879 阅读 · 0 评论 -
胜负已分:Proxy VS Object.defineProperty
vue2.0中使用Object.defineProperty进行数据监听,而在vue3.0中改用Proxy。两者有什么区别,是什么原因促使vue作出如此变更呢?原创 2021-11-18 11:59:28 · 2359 阅读 · 0 评论 -
手把手带你实现promise源码:培训班小张看后工资暴涨5k
本文较长,看后工资暴涨,建议抢先收藏。原创 2021-10-11 20:12:33 · 198 阅读 · 2 评论 -
skywalking-client-js前端监控实现分析(零基础搞懂前端监控)
文章目录一 监控入口1.1 setPerformance()参数处理事件调取重要参数相关知识1.2 register()重要参数1.3 catchErrors()重要参数事件调取二 功能代码2.1 performance()处理-整合性能数据获取数据-window.performance发送数据-XMLHttpRequest重要参数2.2 handleErrors()JSErrorsPromiseErrorsResourceErrorVueError2.3 traceSegment重要参数注入拦截器ajax原创 2021-10-10 21:49:31 · 6718 阅读 · 18 评论 -
前端常用排序算法模块化实现 (冒泡 | 选择 | 插入 | 归并)
常见的内部排序算法有:插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。这里展示其中四种常用方法。原创 2021-04-21 09:34:30 · 365 阅读 · 3 评论 -
面试官:请你实现一下map / filter / reduce | 数据基础方法的模块化实现
当面试官问,如果没有reduce方法,请你自己实现一个时,他想要什么?数组基础方法的实现是前端面试常问的点,有时我们感觉自己写出了解法面试官却不满意,那是因为我们只注重了功能实现,而未考虑模块化开发导致的,本文介绍如何实现并封装数组常用的多个方法。原创 2021-04-09 17:52:30 · 156 阅读 · 0 评论 -
ES5 Array 映射过滤汇总 源码实现 ( map / filter / reduce ) 面试必备
ES5 Array 映射/过滤/汇总 源码实现 ( map/filter/reduce ) 面试必备,最简单易懂的实现方式,搭配核心注释。原创 2021-01-28 12:24:45 · 186 阅读 · 0 评论 -
JS核心之ES6应用基础(二)
对象简化属性简化对象的属性值来自于对象外的变量,且变量名刚好和属性名相同时,可以参照对象解构中 的简化方式,无需重复写出两个相同的名,写一遍即可。obj{ 属性名:变量名 => 属性名/变量名 //属性名与变量名相同时可省略冒号及后面的变量名}方法简化可以省略:function。注:由于箭头函数会使this发生变化,对象中的方法不可使用箭头函数简写。obj{ 方法名: function(){...} => 方法名(){...}}class封装特点class原创 2020-07-28 10:17:07 · 320 阅读 · 0 评论 -
JS核心之ES6应用基础(一)
let变量声明let是ES6中提出的一种声明变量的方式,在一定条件下代替var使用。let新特性阻止了声明提前添加了块级作用域在相同作用域内,禁止多次声明模板字符串`..${}..` 模板字符串用来更方便的拼接字符串,代替""+…+"",${}内为变量,有返回值的函数或者简易语句,但禁止直接放置程序结构。箭头函数声明函数的缩写,用来创建匿名函数。function(){...} => ()=>{...}匿名函数的()中可以添加形参列表,当列表中只有一个形参时**()原创 2020-07-25 17:37:04 · 133 阅读 · 0 评论 -
JS核心之ES5应用基础(二)
this的替换函数执行时,this默认指向调用者,有时我们希望让this指向其他对象。call函数名.call(替换this的对象, 参数列表)例如,要调用a函数,传入两个参数 2和3,此时希望将this替换为对象b。a(2,3) => a.call(b,2,3);apply与call用法相同,但apply将call中的参数列表替换为一个参数数组,再运行函数的时候将自动将数组打散。a(2,3) => a.apply(b,[2,3]);bind上面的两种方法都是一次性调用原创 2020-07-24 17:40:56 · 115 阅读 · 0 评论 -
JS核心之ES5应用基础(一)
严格模式使用方法这段程序的顶部,写 “use strict”;使用效果未声明的变量禁止赋值普通模式:会自动创建全局变量,易造成全局污染,内存泄漏。严格模式:无法赋值,报错为变量未定义,避免了全局污染,内存泄漏。静默失败升级为报错普通模式:执行未成功不报错,不便于调试。严格模式:执行不成功即报错,利于问题定位。this默认指向undefined普通模式:普通函数调用与匿名函数自调用中,没有调用者的情况下默认this指向window。严格模式:没有调用者的情况下this默认指向undef原创 2020-07-23 10:14:26 · 170 阅读 · 0 评论 -
JS核心之封装继承多态(二)
继承继承可以避免方法的重复创建,实现代码重用,节约内存。原型对象定义与继承继承关系在js中已被设置,是通过继承原型对象实现的。原型对象:用来保存子对象共有成员的对象。存在于原型对象中的方法在创建子对象时不会被复制,而是在子对象中创建一个指向此方法的指针,从而实现代码重用。原型对象的定义:在定义构造函数时会自动创建一个名为prototype的属性,指向自动创建的原型对象。原型对象的继承:在使用构造函数创建子对象时,会自动创建子对象的__proto__属性,该属性指向构造函数的原型对象,使子对原创 2020-07-22 11:50:14 · 133 阅读 · 1 评论 -
JS核心之封装继承多态(一)
简介封装,继承和多态是面向对象编程的三步,面向对象编程,即先将数据封装在对象中,然后按需使用对象中的成员。封装创建一个对象,集中保存一个事物的属性和功能,为后续数据的使用做准备,封装有利于大量数据的维护和使用。创建对象简单创建:{}var 对象名 = { 属性名1: 值2, 属性名2: 值2, ...: ... 方法名1: function(){ } ...: ...}仿数组创建:new构建空对象:var 对象名 = new Object;添加新属性:obj.原创 2020-07-22 10:18:16 · 698 阅读 · 0 评论 -
实例解析:对象/闭包函数/自调用 this指向与作用域问题
实例解析:闭包函数 自调用函数 this指向 作用域问题 综合分析。在开始代码解析之前,需要先强调一个要点,即自调用函数是在它被定义的时候运行,而通常不是等待被调用,但是在本文实例中,自调用函数不仅被调用了,并且还运行了一部分,这来自于它有趣的结构——自调用函数与闭包的结合。原创 2020-06-29 22:53:34 · 437 阅读 · 0 评论 -
RegExp正则对象原理及应用
RegExp对象用以专门记录一则正则表达式,该对象提供了多种函数,得以更加简易的使用正则表达式执行验证和查找操作。将固定的正则表达式直接付给一个变量,是简易的创建对象方法,但是实际应用中往往更加灵活,需要根据条件来改变正则表达式的值。使用new来创建对象虽然略复杂,但是由于正则表达式是由字符串的形式传入的,故可以与变量和逻辑结合,更加灵活。RegExp对象原创 2020-06-20 10:33:02 · 502 阅读 · 0 评论