随笔分类 - js
摘要：数组属性 数组常用方法 数组去重 String 对象方法 创建对象的方式 Object构造函数创建 使用对象字面量表示法 var Person = {};``//相当于var Person = new Object();其实1和2是一种 使用工厂模式创建对象 使用构造函数创建对象 原型创建对象模式
阅读全文
摘要：箭头函数与普通函数的区别 let、const、var区别 箭头函数与普通函数的区别 变量的结构赋值 promise、async await、Generator的区别 ES6的继承与ES5相比有什么不同 js模块化（commonjs/AMD/CMD/ES6）
阅读全文
摘要：作用域 在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。 在 Javascript 中，作用域分为 全局作用域 和 函数作用域 什么是作用域呢，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。 全局变量 变量在函数外定义，即为全局变量。
阅读全文
摘要：js 异步 你应该知道，javascript语言是一门单线程的语言，主要设计是单线程异步模型,不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。所谓"单
阅读全文
摘要：赋值（Copy） 概念 赋值是将某一数值或对象赋给某个变量的过程，分为： 基本数据类型：赋值，赋值之后两个变量互不影响 引用数据类型：赋址，两个变量具有相同的引用，指向同一个对象，相互之间有影响 当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指
阅读全文
摘要：#base64 https://juejin.cn/post/6844903698045370376 https://juejin.cn/search?query=base64 #前端图片处理方式 https://juejin.cn/post/6844903782959022093 https://
阅读全文
摘要：js数据类型 数据分为基本数据类型和复杂（引用）数据类型 基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：栈中存储的是该对象在栈中引用，真实的数据存放在堆内存里。引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，
阅读全文
摘要：1. 事件队列( JS的任务队列 ) 浏览器是多线程的： GUI渲染线程 HTTP网络请求线程( 6-7个 ) 事件监听、定时器监听 JS的代码运行时单线程的，浏览器只分配一个GUI线程去执行我们的JS代码 对于大部分JS代码来讲，上面代码没有执行完成，下面的代码时不能执行的 " 同步编程 " 但是
阅读全文
摘要：对象 let a = {x:100} let b = {y:200} let obj = {} obj[a] = '珠峰' obj[b] = "培训" console.log(obj) // obj输出： // { // '[object Object]':'培训' // } 而数组对象调用toSt
阅读全文
摘要：JS中常用的数据类型 基本数据类型 数字number 包括常规数字和NaN 字符串string 布尔boolean 空对象指针null 未定义undefined Symbol 引用数据类型 对象数据类型object 普通对象 [] 数组对象 /^abc&/ 正则对象 Math数学函数对象 Date
阅读全文
摘要：JavaScript 模块化 Commonjs、AMD、CMD、es6 modules 今天面试问到模块化的发展，下面是我找来解释的比较明白的博客： 随着前端 js 代码复杂度的提高，JavaScript 模块化这个概念便被提出来，前端社区也不断地实现前端模块化，直到 es6 对其进行了规范，下面就
阅读全文
摘要：谈谈对面向对象的理解 继承： 原型链继承、call 继承、寄生组合继承、es6 的继承 封装：高内聚、低耦合 封装：将常用的功能封装成一个函数，方便下次使用。 多态：重载、重写 重载：其他语言的重载是方法名相同、形参的个数或类型不同。主要是为了减轻业务逻辑的复杂性，减少并发。js 的重载是用相同的函
阅读全文
摘要：JavaScript事件代理（事件委托） 事件冒泡、事件捕获和事件委托 事件冒泡、事件捕获、DOM2事件流和事件委托、DOM事件中Event对象 浅谈js的事件冒泡和事件捕获
阅读全文
摘要：new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例 // ES5构造函数 let Parent = function (name, age) { this.name = name; this.age = age; }; Parent.prototype.sayName =
阅读全文
摘要：防抖 function debounce(fn, delay) { var timer = null; return function(...arg) { clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, arg); },
阅读全文
摘要：this概念 this用来指代当前代码执行上下文环境。 由于函数可以在不同的运行环境执行，所以需要有一种机制，能够在函数体内部获得当前的运行环境（context）。所以，this就出现了，它的设计目的就是在函数体内部，指代函数当前的运行环境。 this的指向规则 // 分为两种： // 全局上下文指
阅读全文
摘要：#继承 https://segmentfault.com/a/1190000008754962
阅读全文
摘要：#数组高阶函数 https://www.runoob.com/jsref/jsref-obj-array.html ##共同特点 不会改变原数组 若需改变原数组，可以用arr[index]=?改变 不可使用return break中断 ##forEach forEach() 方法用于调用数组的每个元
阅读全文
摘要：#数组去重 https://segmentfault.com/a/1190000016418021?utm_source=tag-newest https://blog.csdn.net/weixin_42412046/article/details/81459294
阅读全文
浙公网安备 33010602011771号