随笔分类 - js
1
摘要：主要是写了一个大体的思路,需微调整 import Compressor from 'compressorjs' import {satrtUpload,satrtBinaryUpload,remuseUpload, remuseBinaryUpload} from serviceData // 转b
阅读全文
摘要：1. 打开窗口即最大化 self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) 2. 自定义窗口方法 // url String 域名 // title String 标题 // w String 宽度 // h St
阅读全文
摘要：##关于闭包 ###1,闭包的理解 1,产生闭包? 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包. 2,闭包是什么? 理解1: 闭包是嵌套的内部函数(绝大部分人) 理解2: 包含被引用变量(函数)的对象(极少数人) 注意: 闭包存在于嵌套的内部函数中 3,产生闭
阅读全文
摘要：Set和WeakSet Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。需要记录不同成员的又不希望重复记录的情况下可以用到Set 如何生成Set： let set1 = new Set() let set2 = new Set([1,2,3]) Set
阅读全文
摘要：Iterator Iterator（遍历器、迭代器） 是一个对象，Iterator对象需要包含一个next方法，该方法返回一个对象，此对象有两个属性，一个value表示当前结果，一个done表示是否可以继续迭代 let it = makeIterator(); function makeIterat
阅读全文
摘要：Reflect Reflect是 ES6 为了操作对象而提供的新 API。ES6把原先版本中很多语言层面的API，比如Object.defineProperty delete in等集中在了Reflect的静态方法上，引入Reflect的目的有这样几个。 （1） 将Object对象的一些明显属于语言
阅读全文
摘要：Proxy 在ES6之前Object.defineProperty可以拦截对象属性的读取和修改操作，Proxy 可以理解成比这个API更强大的，在目标对象之前架设一层的“拦截”。外界对该Proxy对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词
阅读全文
摘要：async函数 基本概念 async 函数是什么？一句话，它就是 Generator 函数的语法糖。 将上一章的代码改成 async 函数的版本： const { promisify } = require("util"); const path = require('path') const fi
阅读全文
摘要：Generator函数 基本概念 Generator(生成器) 函数是 ES6 提供的一种异步编程解决方案，并且Generator函数的行为与传统函数完全不同。 定义Generator函数 function* f() { } 形式上，Generator 函数是一个普通函数，但是有两个特征。一是，fu
阅读全文
摘要：Map和WeakMap Map JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。 为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类
阅读全文
摘要：Symbol 概述 ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、Boolean、String、Number、Object 直接调用Symbol函数即可生成一个Symbol，注意Symbol
阅读全文
摘要：/** * 根据指定参数名称获取参数值 * @param {String} urlStr 参数名称 * @return {Object} 参数值 * */ getUrlParams = function (urlStr) { // 获取url中"?"符后的字串 let url = urlStr ||
阅读全文
摘要：实现防抖节流 实现防抖 概念： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 例子：如果有人进电梯，那电梯将在10秒钟后出发，这时如果又有人进电梯了，我们又得等10秒再出发。 思路：通过闭包维护一个变量，此变量代表是否已经开始计时，如果已经开始计时则清空之前的计时器，重新开始计
阅读全文
摘要：用法 call/apply/bind call 函数通过call调用时，函数体内的this指向call方法传入的第一个实参，而call方法后续的实参会依次传入作为原函数的实参传入。 function setDetails(name,color){ this.name=name; this.color
阅读全文
摘要：1. 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） 2. 方法调用中谁调用this指向谁 3. 构造函数中this指向构造函数的实例 JS中this的指向 1.当函数作为构造函数，通过new xxx()调用时，this指向生成的实例 funct
阅读全文
摘要：// 原型链 1.### 构造函数原型prototype构造函数通过原型分配的函数是所有对象所共享的。 JavaScript 规定，每一个构造函数都有一个prototype 属性，指向另一个对象。注意这个prototype就是一个对象， 这个对象的所有属性和方法，都会被构造函数所拥有。 我们可以把那
阅读全文
摘要：1.2静态成员和实例成员 1.2.1实例成员 实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sing 就是实例成员,实例成员只能通过实例化的对象来访问 function Star(uname, age) { this.uname = uname; this.age
阅读全文
摘要：<!-- js点击按钮分别实现全屏以及退出全屏的方法 --> <script> //定义一个变量进行判断，默认false 非全屏状态 var exitFullscreen = false // 全屏事件 function handleFullScreen() { var element = docu
阅读全文
1
