xumaozeng的博客

2021-03-05 通用正则校验方法1、邮箱校验const EMAIL = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/function validatePhone(str) { const regex = new RegExp(PHONE) return regex.test(str)}2、手机号码const PHONE = /^134[0-8]\d{7}$|^13[^4]\d{

2021-02-07 ES6中的Generator函数的基本使用

2020-12-24 JS中的相等性比较方法`==`方法`===`方法`Object.is(value1, value2)`方法==方法1、两个复合类型(对象、数组、函数)比较时，不是比较它们的值是否相等，而是比较它们是否指向同一个地址，所以两个对象总是不相等的[] == [] // false{} === {} // false(function(){} === function(){}) // false2、两侧类型不相同时，会发生隐式转换NaN和其它任何比较永远false，包括它自

@[TOC](2020-12-12 Javascript定义类(class)的三种方式)

2020-11-01 js面试题集合

2020-07-31 字符串中的正则匹配

2020-06-16 JS数据类型之间的相互转换运算符数据类型转换运算符常用的有算术运算符（加减乘除和赋值）、比较运算符和布尔运算符加法运算符：加法运算符（+）是最常见的运算符也是最复杂的，用来求两个数值的和1 + 1 // 2JavaScript允许非数值的相加true + true // 21 + true // 2上面两代码，第一个是两个布尔值相加，第二个是数值和布尔值相加，这两种情况布尔值都会自动转成数值，然后相加；比较特殊的是如果两个运算子中有一个是字符串，这时非字符串会转成

2020-06-11 JS几种继承的方法

2020-06-08 JavaScript数据结构与算法JS中的堆栈-内存的分配和使用深拷贝和浅拷贝JS中的堆栈-内存的分配和使用堆是动态分配内存，内存大小不一，也不会自动释放栈是自动分配相对固定大小的内存空间，并由系统自动释放JS的数据类型分为基本数据类型（也称为原始数据类型）和复杂数据类型（引用数据类型）原始数据类型又分为string、number、boolean、undefined和null（ES6中新增Symbol），这些都是直接按值存储在栈中的，每种类型数据占用的内存空间大小是确定的

2020-05-25 JS执行机制进程与线程执行机制记住两点：Javascript是一门单线程语言Javascript的执行机制是Event Loop（事件循环）进程与线程进程：CPU是计算机的核心，承担所有的计算任务，进程是CPU资源分配的最小单位，字面意思是进行中的程序，可以将它理解为一个可以独立运行且拥有自己的资源空间的任务程序进程包括运行中的程序和程序所使用到的内存和系统资源线程：是CPU调度的最小单位，线程是建立在进程的基础上的一次程序运行单位，通俗点解释线程就是程序中的一个执行

2020-05-15 JavaScript基础-作用域和闭包

2020-05-12 JavaScript基础-原型与原型链面向对象面向对象面向对象编程（Object Oriented Programming，缩写OOP）：将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟对象：对象是单个实物的抽象对象是一个容器，封装了属性（property）和方法（method）构造函数：就是专门用来生成实例对象的函数。它就是对象的模板，描述实例对象的基本结构，为了与普通函数区别，构造函数名字的第一个字母通常大写有两个特点：

2020-05-11 JavaScript基础-变量和类型变量类型原始数据类型对象数据类型特殊数据类型判断值类型变量变量是对”值“的具名引用，说直白点儿就是为”值“赋个名字，然后引用它，变量的名字就是变量名变量有变量提升和区块作用域的概念，变量名的命名（标识符）是区分大小写的，还有一些不合法的标识符以及保留字不能作为命名，var 声明的作用域是全局的，let和const后面会补充类型javascript中的数据类型分为两大类：原始类型、对象类型以及特殊类型（ES6新加Symbol）原始数据类型

2020-03-16 JS-原生js实现机顶盒页面键盘事件问题描述-bug复现Bug原因以及解决方法简介：最近做一个电视机顶盒项目，要用到遥控器去实现页面上焦点的移动，来选择产品以及后续操作，遇到的问题是键盘keydown事件在绑定一个div元素后，没有在离开div解除绑定的话，当再次移动到此div上，会出现重复操作的Bug。问题描述-bug复现初始化页面，焦点在一个产品上，键盘向下移...

2020-01-10 vue-cropper图片裁剪需求：对本地上传、远程FTP上传和视频截取三种方式的获得图片放入裁剪区进行裁剪无论哪种方式，都需要得到裁剪图片的文件file，然后通过window.URL.createObjectURL方法取得图片url，最后通过vue-cropper组件裁剪图片产出图片信息...

2020-01-09 本地上传文件速率的计算文件上传使用的组件是element-ui中的el-upload计算文件上传速率函数每个文件都有个唯一值，这个值就是MD5，获取方法如下描述：项目中对上传视频文件要求显示进度和速率文件上传使用的组件是element-ui中的el-upload使用el-upload中的钩子函数on-progress和before-upload中的参数计算出上传速率...

2019-07-17 原生JS中this指向以及call,apply,bind的个人理解this的指向call方法apply方法bind方法最后，做下总结，改变`this`指向的有以下几种方法：描述：在写项目代码中，很多情况下搞不清楚this到底指向哪个对象，应该怎么去改变this的指向，本篇文章就是根据自己的经验理解写出this的几个重要的地方this的指向看过掘金的一篇文章，上面写了...