11 2020 档案
摘要：1、下载插件 npm install html2canvas jspdf 2、utils目录下新建 htmlToPdf.js // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' export de
阅读全文
摘要：首先引入两个js文件： FileSaver.js： /* * FileSaver.js * A saveAs() FileSaver implementation. * * By Eli Grey, http://eligrey.com * * License : https://github.co
阅读全文
摘要：类的私有属性 // # 声明私有属性，私有属性只能出现在类里面，不能出现在类外面 class Person { name // 公有属性 #age // 私有属性 #weight constructor(name, age, weight) { this.name = name this.#age
阅读全文
摘要：对象扩展方法： Object.fromEntries() 1、概念：Object.fromEntries() 是 Object.entries() 的逆操作，将二维数组（键值对数组）转为对象 // Object.fromEntries() 是 Object.entries() 的逆操作，将二维数组（
阅读全文
摘要：rest参数和扩展运算符： // rest 参数和 spread 扩展运算符在ES6中已经引入，不过ES6中只针对数组，在ES9中为对象提供了 rest 参数和 spread 扩展运算符 function fn({ name, age, ...others }) { console.log(name
阅读全文
摘要：async和await： ES6中的异步编程方案有 promise 和 生成器 函数，ES8中引入async和awair可以让异步代码像同步代码一样 async函数： async函数的返回值为promise对象 promise对象的结果由async函数执行的返回值决定 // 声明一个async函数：
阅读全文
摘要：// includes() 判断一个值是否在数组中，只能判断简单数据类型，不能判断复杂数据类型 /* includes()和indexOf()的异同： 相同点： 1、都可以对数组的项进行查找 2、在判断 +0 和 -0 时，认为是相等的 3、都是只可以判断基本数据类型，对于复杂数据类型的判断都是fa
阅读全文
摘要：Set： ES6提供了新的数据结构Set（集合）。它类似数组，但成员的值都是唯一的，集合内部实现了 iterator（迭代器）接口，所以可以使用 扩展运算符 和 for...of 进行遍历 集合的属性和方法： 1、size：返回集合的元素个数 2、add：增加一个新元素，返回当前集合 3、delet
阅读全文
摘要：let： let声明变量的特点，和var有什么不同： 1、变量不能重复声明 2、块级作用域 3、不存在变量提升 4、不影响作用域链，同一个块级作用域下，声明在函数前的变量可以被函数访问到 let小案例： const： const的特点： 1、一定要赋初始值 2、一般常量使用大写（不是必须） 3、常量
阅读全文
摘要：1、package.json中添加 "start": "node --inspect-brk ./node_modules/webpack/bin/webpack.js" node：通过node启动 inspect：调试模式 brk：在首行打一个断点，调试代码会在首行停住 ./node_module
阅读全文
摘要：const用于定义常量，如果去修改这个常量，会报错：TypeError: Assignment to constant variable const如果定义了引用类型数据，那么它只是规定该变量的引用不可修改，值是可以修改的： Object.freeze()可以阻止修改对象的值，但是不能阻止引用的修改
阅读全文
摘要：需求：判断一个数组中是否有该对象，如果有则提示已存在，没有则添加 原理：includes()方法可以判断一个数组中是否有该项，但是对于引用类型数据，需要进行深复制，否则判断得到的值永远都是false 基础代码： let arr = [1, 2, 3] console.log(arr.includes
阅读全文
摘要：1、highlight-current-row 设置css： tr.current-row > td, .el-table__body tr:hover > td { background: #f5f5f5; } 2、:row-class-name="tableRowClassName"，需要借助@
阅读全文
摘要：自定义babel-loader： 1、babelSchema.json： 提供校验loader中options的规则：属性名为presets，它的类型是array，"additionalProperties": true 表示可以追加其他属性 { "type": "object", "propert
阅读全文
摘要：# webpack5 此版本重点关注以下内容： - 通过持久缓存提高性能 - 使用更好的算法和默认值来改善长期缓存 - 通过更好的树摇和代码生成来改善捆绑包大小 - 清除处于怪异状态的内部结构，同时在v4中实现功能而不引入任何重大更改 - 通过引入重大更改来为将来的功能做准备，以使我们能够尽可能长时
阅读全文
摘要：entry： const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { // entry: './src/index.js', //
阅读全文
摘要：HMR： /* HMR：hot module replacement 热模块替换，模块热替换 作用：一个模块发生变化，只会重新打包这一个模块，而不是重新打包所有模块，极大地提升了构建速度 样式文件：可以使用HMR功能，style-loader内部实现了 js文件：默认不能使用HMR功能，需要修改js
阅读全文
摘要：提取css文件成单独文件： 1、下载插件：npm install mini-css-extract-plugin -D 2、使用插件：webpack.config.js ①module中使用loader时用 MiniCssExtractPlugin.loader 替代 style-loader ②p
阅读全文
摘要：使用webpack打包后报错： 原因是node版本不够：
阅读全文
摘要：1、settings.json中添加： "prettier.semi": false, // 分号 "prettier.singleQuote": true, // 单引号 "prettier.trailingComma": "none" // 去掉结尾的逗号 2、如果上面方法不行，在项目根目录下创
阅读全文
摘要：D环境参数： node：10版本以上（10.4.0） 这里有个坑：10.4.0版本才开始支持BigInt对象 webpack：4.26版本以上（4.44.1） webpack是什么： webpack是一种前端资源构建工具，一个静态模块打包器（module bundler） 在webpack看来，前端
阅读全文
