随笔分类 - javaScript
摘要：1，export2Excel.js /* eslint-disable */ // import { saveAs } from "file-saver"; const saveAs = require("file-saver"); // import XLSX from "xlsx"; impor
阅读全文
摘要：1，js-table2excel npm包有问题，导出后一片空白 2，改写一下js-table2excel /* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.user
阅读全文
摘要：1, 下载后端返回的blob文件 // 下载blob文件(注意请求需要加上responseType: 'blob') export const downloadBlob = (res: Blob, fileName: string): void => { let blob = new Blob([r
阅读全文
摘要：一,ajax是什么 AJAX全称(Async Javascript and XML) 即异步的JavaScript 和XML，是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页 Ajax的原理简单来说通过XmlHttpRequest对象来向服
阅读全文
摘要：一,typeof typeof 1 // 'number' typeof '1' // 'string' typeof undefined // 'undefined' typeof true // 'boolean' typeof Symbol() // 'symbol' typeof null
阅读全文
摘要：几个函数与对象的概念： 1. 函数（function） 前者为函数声明，后者为函数表达式，typeof foo的结果都是function。 function foo(){ } var foo = function(){ } 2. 函数对象（function Object） 《js《js中原型和原型链
阅读全文
摘要：一，原生方法scrollTo支持滚动特效 scrollTo默认的是瞬间滚动到坐标位置， 使用配置方法, behavior属性设置为smooth就可以支持平滑滚动了，不过这种方法兼容性不行，并且无法支持配置滚动速率 // 默认滚动效果，瞬时滚动 window.scrollTo( 0, 1000 );
阅读全文
摘要：区别： （1）深拷贝（深度克隆）特点：拷贝的时候会生成一份新的数据，修改拷贝以后的数据不会原数据。（2）浅拷贝（对象，数组）特点：拷贝的时候只是拷贝了一份引用，修改拷贝以后的数据会影响原来的数据。 浅拷贝： 创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本
阅读全文
摘要：数组扁平化（降维过程，多维数组经过扁平化变成一维数组）。 方法有很多，下面只列举几种 方法一： ES6的 arr.flat(Infinity)方法会递归到指定深度将所有子数组连接，并返回一个新数组, depth指定嵌套数组中的结构深度，默认值为1，不管多少层则可以用Infinity关键字作为参数。
阅读全文
摘要：一，compose (组合函数) compose 函数的作用就是组合函数，将函数串联起来执行，一个函数的输出结果是另一个函数的输入参数，一旦第 1 个函数开始执行，就会像多米诺骨牌一样推导执行了。 实现： 方式一： 使用array.reduce()方法 reduce() 方法接收一个函数作为累加器，
阅读全文
摘要：一，防抖 函数防抖：将几次操作合并为一此操作进行。原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。这样一来，只有最后一次操作能被触发。 应用： 搜索框在输入稍有停顿时才更新推荐热词 function debounce(hand
阅读全文
摘要：一，两者区别 有人把观察者（Observer）模式等同于发布（Publish）/订阅（Subscribe）模式，其实两者是有区别的，观察者模式和发布订阅模式最大的区别就是发布订阅模式有个事件调度中心。 从图中可以看出，观察者模式中观察者和目标直接进行交互，而发布订阅模式中统一由调度中心进行处理，订阅
阅读全文
摘要：一，关于线程 javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。 单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。 而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任
阅读全文
摘要：一，JavaScript代码解释执行的过程 JS 运行过程分三步： 语法分析（通篇扫描是否有语法错误），预编译（发生在函数执行的前一刻），解释执行（一行行执行）。 预编译阶段干了什么？？？ 预编译分为四步： 1、创建AO对象 就是隐式的创建一个AO（Activation Object）空对象。（ 执
阅读全文
摘要：一，JS 数据类型 JS 中有 6 种(值)基本类型： boolean number string undefined null symbol 引用类型：对象 数组 函数 二，JS 中使用 typeof 能得到哪些类型？ 其中一个奇怪的 null，虽然是基本变量，但是因为设计的时候`null`是全
阅读全文
摘要：总结下来，this的指向问题牢记一点：谁调用这个函数或方法,this关键字就指向谁 调用方式 所以，搞清楚在JS里面，函数的几种调用方式: 普通函数调用 作为方法来调用 作为构造函数来调用 使用apply/call/bind方法来调用 es6箭头函数 一，普通函数调用 <script> var na
阅读全文
摘要：一，方法定义 apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 bin
阅读全文