随笔分类 - 细节分类
摘要：1.http 缓存的作用：减少网络请求 1.服务器端压力较小 2.用户体验：看到界面的速度更快了 用户体验好 2.缓存的页面放到哪里去了：本地电脑（内存里面、硬盘里面） < 1.所有的网络资源全部都存放到本地，只要请求某一个界面，直接从本地拿资源=>更新会有问题 可能会拿到本地的旧数据 2.如果每一
阅读全文
摘要：axios基于promis的API进行封装的 Promise主要解决了异步操作 回调函数的多层嵌套形成回调地狱的问题 、 Promise-概念及基本使用 Promise可以用来解决上一节回调函数嵌套的问题,mdn查看如何使用它 概念 Promise 是一个对象，它代表了一个异步操作的最终完成或者失败
阅读全文
摘要：回调函数 1. 把一个函数当成参数传递, 将来特定的时机调用, 这个函数就叫回调函数 1. 把函数当作参数传递,被传递的那个函数 >回调函数 大部分有回调函数的地方,都会涉及到异步函数 回调函数嵌套 多个异步操作彼此依赖,所产生的嵌套代码 如果嵌套的很多,很多也可以称之为:回调地狱(或者可以理解为回
阅读全文
摘要：1.创建了一个对象 2.构造函数中的this指向新创建的实例对象 3.执行函数体 4.自动反回这个函数（构造函数不需要return）
阅读全文
摘要：什么是垃圾回收机制： 垃圾回收机制是js内置的一种管理机制 它会自动分配内存 和自动回收不再使用的内存 垃圾回收机制的两种算法：引用计数法 标记清除法 引用计数：（最早IE采用的引用计数算法 现在已经不在使用了）：（就是看有没有被引用） 记录值被引用的次数 引用一次就+一次 多次引用会进行累加 如果
阅读全文
摘要：toFixed（）用于保留两位小数 <body> <script> // toFixed（指定保留小数的个数） 方法可以让数字指定保留的小数位数 会进行四舍五入 const num = 3.1415926778899; console.log(num.toFixed(2)); //保留2位小数 co
阅读全文
摘要：检测数据类型的方法： 1.instanceof 2.typeof 3. 终极检测类型 Object.prototype.toString.call() 1.instanceof 检测出来的返回值是一个布尔值 可以检测复杂数据类型/引用型数据类型Object function （但是无法准确检测Arr
阅读全文
摘要：原型: 每个构造函数身上都有一个prototype原型 原型身上有一个对象 被称为原型对象 (构造函数的this和原型上的this都指向实例化对象) <body> <script> function Star() {} Star.prototype.sing = function () { cons
阅读全文
摘要：语法结构 强壮代码 try{ 可能会错的代码 }catch(err){ 捕获错误 }finally{ 不管语法正确错误都会执行 不会影响后面代码的执行 } <body> <p>123</p> <script> /* 语法结构 强壮代码 try{ 可能会错的代码 }catch(err){ 捕获错误 }
阅读全文
摘要：递归函数 ：自己调用自己 1.使用递归一定要有一个结束条件 否则会出现栈溢出 变成死循环 成为死地归 <body> <script> // let i = 0; // function fn() { // console.log("我是递归 必需要有结束条件 不然就是四递归了"); // i++;
阅读全文
摘要：改变this指向的方法 call、apply、bind、箭头函数 call apply bind 的区别 共同点： call apply bind 箭头函数 都可以改变this的指向 （箭头函数也可以改变this的指向 因为箭头函数没有this指向 他的this和它的外层作用域保持一致） 区别： 1
阅读全文
摘要：防抖节流区别 怎么实现的 防抖：指在触发事件后n秒内函数只执行一次（确定不在更改时执行） 如果在n秒内再次被触发则时间会被重新计算 如:王者里面的回城 如果回城终端 则会重新计算回城时间 使用什么实现：使用闭包实现 或者lodash（使用时引入js插件）_.throttle(func函数, [wai
阅读全文
摘要：<body> <script> // // 函数表达式 // const fun = function () { // console.log("我是函数表达式"); // }; // fun(); //不可以在下面调用 匿名函数没有函数提升 // 箭头函数 不存在函数提升 // const fun
阅读全文
摘要：this的指向：this的指向和它的调用方式有关 1.普通函数调用： 匿名函数调用 定时器的调用 此时this指向window 2.事件处理函数： this指向触发事件的事件源 3.开启严格模式的情况下： 普通函数的this指向undefined 4.对象中this：指向这个对象 5.方法调：用则指
阅读全文
摘要：浅拷贝：浅拷贝拷贝的是对象的一层属性 如果对象里面还有对象则拷贝的是复杂数据类型的地址 浅拷贝一般使用Object.assign(给谁，拷贝谁）{...对象名} 深拷贝：深拷贝拷贝的是对象的多层属性 如果对象里面还有对象 则继续拷贝 一般我们使用递归、lodash/cloneDeep或者是（JSON
阅读全文
摘要：伪数组与真数组的区别 伪数组拥有length属性 但伪数组不具有真数组的方法 伪数组的长度不可变 真数组的长度可变 伪数组是一个Object 真数组是一个Array
阅读全文
摘要：伪数组转换为真数组的方法 1、let newArr = Array.protype.slice.call(伪数组) 2、let newArr = Array.from(伪数组),ES6的新语法 3、let newArr = [...伪数组]，使用扩展运算符,也是ES6的语法 <body> <ul>
阅读全文
摘要：ES5 新增数组方法 | 对象调用的方法 | 作用 | 返回值 | | | | | | array.forEach(function(item, index, array){}) | 遍历 | 无 | | array.map(function(item, index, array){}) | 遍历&
阅读全文
摘要：String 字符串常用的方法 <body> <script> //1. split(用于把字符串分割为数组) 把字符串 转换为 数组 和 join() 相反 let str = "pink$red$blue"; // str.split ('分隔符')根据某个符号进行分割 const res =
阅读全文
摘要：闭包 闭包是指两个嵌套函数 内部函数访问外部函数定义的变量 闭包的优点： 实现数据私有化 （形成私有空间 避免全局变量的污染） 实现内存持久化 保存数据（延长变量的使用时间） 闭包的缺点：内存持久化会造成内存泄漏 解决方法： 尽量避免函数的嵌套 以及变量的引用 将执行完的变量赋值为null 让垃圾回
阅读全文
