JavaScript
文章平均质量分 52
易风920
干就完了
展开
-
JavaScript 函数高阶用法
将函数的参数通过连续调用分开来传实现偏函数用途在多次调用某个函数时,将函数的公共参数进行封装,返回一个新的函数实现惰性函数用途在多次调用某个函数时,只返回第一次调用的结果,类似缓存,原理是重写函数函数组合用途在需要对某一个值进行多个函数的过滤时,可以使用函数组合实现函数记忆用途某个函数在多次调用时,如果参数没变,直接拿缓存下来的数据...原创 2022-06-22 01:00:00 · 120 阅读 · 0 评论 -
JavaScript=》简单实现柯里化
P:讲一个函数进行封装,传递给该函数的参数可以分多次进行传递例如:原创 2022-06-20 14:08:56 · 175 阅读 · 0 评论 -
JavaScript类数组对象与arguments
所谓的类数组对象:举个例子:即便如此,为什么叫做类数组对象呢?那让我们从读写、获取长度、遍历三个方面看看这两个对象。长度遍历是不是很像?那类数组对象可以使用数组的方法吗?比如:然而上述代码会报错: arrayLike.push is not a function所以终归还是类数组呐……如果类数组就是任性的想用数组的方法怎么办呢?既然无法直接调用,我们可以用 Function.call 间接调用:类数组转对象在上面的例子中已经提到了一种类数组转数组的方法,再补充三个:那么为什么会讲到类数组原创 2022-06-17 09:14:25 · 156 阅读 · 0 评论 -
js继承的多种方式和优缺点
本文讲解JavaScript各种继承方式和优缺点。但是注意:这篇文章更像是笔记,哎,再让我感叹一句:《JavaScript高级程序设计》写得真是太好了!问题:1.引用类型的属性被所有实例共享,举个例子:2.在创建 Child 的实例时,不能向Parent传参优点:1.避免了引用类型的属性被所有实例共享2.可以在 Child 中向 Parent 传参举个例子:缺点:方法都在构造函数中定义,每次创建实例都会创建一遍方法。原型链继承和经典继承双剑合璧。优点:融合原型链继承和构造函数的优点,是 JavaS原创 2022-06-14 11:27:07 · 293 阅读 · 0 评论 -
浏览器从页面打开到渲染完成实现了什么操作?
将渲染流程之前先讲一下浏览器的大致架构吧,方便后面的理解原创 2022-06-05 21:30:00 · 366 阅读 · 0 评论 -
前端监控体系搭建(错误、异常、白屏、性能监控、卡顿、pv等,接入日志、告警系统)
前端监控体系搭建(错误、异常、白屏、性能监控、卡顿、pv等,接入日志、告警系统)原创 2022-06-02 09:39:47 · 2316 阅读 · 1 评论 -
一图彻底搞懂事件队列 js中的Event Loop
主线程从"任务队列"中读取执行事件,这个过程是循环不断的,这个机制被称为事件循环。此机制具体如下:主线程会不断从任务队列中按顺序取任务执行,每执行完一个任务都会检查microtask队列是否为空(执行完一个任务的具体标志是函数执行栈为空),如果不为空则会一次性执行完所有microtask。然后再进入下一个循环去任务队列中取下一个任务执行。原创 2022-06-03 21:30:00 · 278 阅读 · 2 评论 -
js=>对象筛选掉某些属性
有一个对象,需要筛选掉他的某些属性const obj = { a: 1, b: 2, c: 3, d: 5,};const deleteKeys = ["b", "c"];function filterObjKeys(obj, keys) { return Object.keys(obj).reduce((newData, key) => { if (!keys.includes(key)) { newData[key] = obj[key];原创 2022-05-09 09:47:01 · 3370 阅读 · 1 评论 -
node环境=>批量导入文件
假设项目有个mock文件夹,文件夹中有mocka.js,mockb.js,asdf.js三个文件,目前需要你讲mock开头的js文件里面的数据全部导出出来,也就是导出mocka和mockb的数据。const fs = require("fs");const { join } = require("path");const mocks = [];// fs.statSync=>查看目录信息,返回一个由该目录下的文件组成的数组let files = fs.readdirSync("./moc原创 2022-04-19 17:14:54 · 1055 阅读 · 0 评论 -
async语法
async语法async是什么?Generator 函数的语法糖为什么会有async这个语法(1)内置执行器。Generator 函数的执行必须靠执行器,所以才有了co模块,而async函数自带执行器。也就是说,async函数的执行,与普通函数一模一样,只要一行。asyncReadFile();上面的代码调用了asyncReadFile函数,然后它就会自动执行,输出最后结果。这完全不像 Generator 函数,需要调用next方法,或者用co模块,才能真正执行,得到最后结果。(2)更好的原创 2022-04-13 16:32:43 · 429 阅读 · 0 评论 -
Symbol类型的由来与使用
什么是 Symbol?为什么会有这么个东西?Symbol(符号)是 ES6 新增的数据类型。Symbol 是原始值(基础数据类型),且 Symbol 实例是唯一、不可变的。它的产生是因为要用来唯一的标记,进而用作非字符串形式的对象属性,是确保对象属性使用唯一标识符,不会发生属性冲突的危险。用法1. 基本用法符号需要使用 Symbol()函数初始化。因为符号本身是原始类型,所以 typeof 操作符对符号返回 symbol。let sym = Symbol();console.log(typeof原创 2022-03-19 11:33:02 · 1927 阅读 · 0 评论 -
JavaScript:对象属性的引用
对象属性的引用对象属性引用有两种方法Object.data 和 Object[data]在属性是一个变量的时候使用 Object.datavar obj={ data:'啦啦啦', "哈哈":'',} obj.data // 进行调用 其他特殊情况一律使用Object[data]var obj={ "哈哈":'值1', 1 :"值2" ,} obj["哈哈"] // 进行调用 obj["1"] // 进行调用把一个未原创 2021-03-17 16:47:30 · 2153 阅读 · 0 评论 -
JavaScript:Excel表格的内容用js进行输出
将Excel表格的内容用js进行输出问题:在vue项目中使用js获取Excel表格里面的数据解决方法:第一步:下载插件cnpm i xlsx第二步:新建一个js文件,将方法进行写入,并导出import XLSX from 'xlsx'function get_header_row (sheet) { const headers = [] const range = XLSX.utils.decode_range(sheet['!ref']) let C c原创 2021-01-05 17:46:11 · 1078 阅读 · 1 评论 -
踩坑:后端返回的图片资源无法下载
2020.12.25问题:今天遇到一个问题,后端返回给我了一个网址,我把这个网址直接扔到浏览器上后就可以下载图片,但是我把这个网址赋值给我的a标签的href属性的时候,a标签无法下载该图片,显示下载失败。解决方法:在网址前面加双斜线 <template slot-scope="scope"> <a download :href="'//' +scope.row.authorizationLetter"> <el-butto原创 2020-12-25 15:19:56 · 580 阅读 · 2 评论 -
JavaScript:学习Vue3为什么要学习TypeScript?
TypeScript是什么如果有阅读过一些TypeScript相关内容的的朋友应该很熟悉一句话:TypeScript 是 JavaScript 的一个超集第一次看到这句话我心里就在想“这个超集又是什么???”通过一段时间的了解,其实换成通俗的话来讲就是:“js能做的事ts能做,js不能做的ts还是能做”学习TS的原因1.趋势从Vue3.0开始,前端三大主流框架已经全部支持ts,跟着大部队走肯定没问题。2.易维护由于js是一种弱类型的语言,在用来做大型的项目的时候,是会难受的,因为经常会出一些原创 2020-12-22 10:57:11 · 9400 阅读 · 1 评论