随笔分类 - JavaScript技术
摘要：使用pnpm的目的是节约磁盘空间并提升安装速度。 pnpm代表performant npm（高性能的npm），同npm和Yarn，都属于Javascript包管理安装工具，它较npm和Yarn在性能上得到很大提升，被称为快速的，节省磁盘空间的包管理工具。 当使用 npm 或 Yarn 时，如果你有
阅读全文
摘要：接口请求时候加载loading，这里使用的vue+vant import axios from 'axios'; import { Toast } from 'vant'; const instance = axios.create({ baseURL: 'xxx', timeout: 100000
阅读全文
摘要：Object.keys(e_params).map(key => ((!e_params[key]&&e_params[key]!==0)||e_params[key] 1 ? delete e_params[key] : ''));
阅读全文
摘要：var items = ['1','2','4','5','6','7','8','9','10']; 1.从数组items中随机取出一个元素 var item = items[Math.floor(Math.random()*items.length)]; 2.从前面的一篇随机数组中随机取几个元素
阅读全文
摘要：super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。 第一种情况，super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次super函数。 class A {} class B extends A { constructor(
阅读全文
摘要：类数组 什么是类数组？ 定义： 拥有length属性，其属性（索引）为非负整数 不具有数组的所具有的方法 var array = ['zhangsan', 'lisi', 'zhaoliu']; var arrayLike = { 0: 'zhangsan', 1: 'lisi', 2: 'zhao
阅读全文
摘要：<el-form-item label="身份证号" prop="identityCardNo"> <el-input v-model.trim="dataList.identityCardNo" autocomplete="off" placeholder="请输入身份证号" maxlength=
阅读全文
摘要：使用&&替代if const doSometings = () => {} const isTrue = true let temp = '' if(isTrue){ doSometings() temp = 'isTrue' } // 替代方案 isTrue && this.doSometings
阅读全文
摘要：UUID 是 通用唯一识别码（Universally Unique Identifier）的缩写。 其目的，是让分布式系统中的所有元素，都能有唯一的辨识信息，而不需要通过中央控制端来做辨识信息的指定。 如此一来，每个人都可以创建不与其它人冲突的UUID。在这样的情况下，就不需考虑数据库创建时的名称重
阅读全文
摘要：Promise.resolve Promise.resolve(value) 方法返回一个以给定值解析后的Promise 对象。 如果这个值是一个 promise ，那么将返回这个 promise ； 如果这个值是thenable（即带有"then" 方法），返回的promise会“跟随”这个the
阅读全文
摘要：function random(min, max) { return Math.floor(Math.random() * (max - min)) + min; } let obj = {}; for (let i = 1; i < 101; i++) { obj[i] = 0; } for (l
阅读全文
摘要：Tree shaking 是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 行为的术语。 它依赖于ES2015中的 import 和 export 语句，用来检测代码模块是否被导出、导入，且被 JavaScript 文件使用。 在现代 JavaScript 应
阅读全文
摘要：工具类 /** * 防抖 * @param {Function} func 要执行的回调函数 * @param {Number} wait 延时的时间 * @param {Boolean} immediate 是否立即执行 * @return null */ let timeout: any; ex
阅读全文
摘要：本文主要解决以下几个问题： package.json中的dependencies和devDependencies的区别是啥，peerDependencies、bundledDependencies、optionalDependencies又是啥？ 为什么有的命令写在package.json中的scr
阅读全文
摘要：1.原npm地址 npm config set registry http://registry.npmjs.org 2.设置国内镜像 a.通过config命令 npm config set registry https://registry.npm.taobao.org npm info unde
阅读全文
摘要：window.onload = function(){ /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100) };
阅读全文
摘要：设计模式分类（23种设计模式） 创建型 单例模式 原型模式 工厂模式 抽象工厂模式 建造者模式 结构型 适配器模式 装饰器模式 代理模式 外观模式 桥接模式 组合模式 享元模式 行为型 观察者模式 迭代器模式 策略模式 模板方法模式 职责链模式 命令模式 备忘录模式 状态模式 访问者模式 中介者模式
阅读全文
摘要：恢复内容开始 单文件上传：利用 input 元素的 accept 属性限制上传文件的类型、利用 JS 检测文件的类型及使用 Koa 实现单文件上传的功能； 多文件上传：利用 input 元素的 multiple 属性支持选择多文件及使用 Koa 实现多文件上传的功能； 目录上传：利用 input 元
阅读全文
摘要：0、-0、null、""、false、undefined 或者 NaN转化为false，其他为true
阅读全文
摘要：let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ]; let ob
阅读全文