自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 Set 手写源码

class MySet{ constructor(iterator = []){ // 传递的内容必须是一个可迭代对象 if(typeof iterator[Symbol.iterator] !== "function"){ throw new TypeError(`您所提供的${iterator}不是一个可迭代对象`) } this._datas = []; for (const item o.

2021-10-30 16:00:47 154

原创 Map 手写源码

class MyMap{ constructor(iterator = []){ if(typeof iterator[Symbol.iterator] !== "function"){ throw new TypeError(`您所提供的${iterator}不是一个可迭代对象`) } this._datas = []; for (const item of iterator) { /.

2021-10-30 15:54:04 108

原创 ES6 : 迭代器和生成器

11.1迭代器iterator运用场景:React框架,fetch1.什么是迭代?从一个数据集合中按照一定的顺序,不断取出数据的过程2.迭代和遍历的区别?迭代强调依次取出,不能确定取出的数据有多少,也不能保证数据取完遍历保证知道了数据的长度,,循环不断地全部取出,针对于数据量过大的时候使用遍历会花费很多事件3.迭代器对迭代过程的封装,通常表现为对象的数据形式(也有数组的形式),不同的语言中,表现出来的形式是不一样4.迭代器满足的条件...

2021-10-19 20:32:49 112

原创 promise解决地狱回调的问题

什么是地狱回调?回调:运行某个函数实现某个功能的时候,传入一个函数作为参数,当发生某件事情之后,会执行函数参数回调地狱:某个异步操作需要等待之前的异步操作完成以后,无论回调是事件还是其他函数,都会陷入不断的回调地狱回调举例:<buttonid="btn1">btn1</button><buttonid="btn2">btn2</button><buttonid="btn3">btn3</but...

2021-10-18 18:53:07 155

原创 ES6的继承(原型链上的继承方法)

关键字:extends : 继承super :1.直接当成函数使用,表示调用父类的构造器2.当成对象使用,表示父类的原型 3.super()只能用在子类的constructor方法之中,用在其他地方就会报错。//ES6继承//继承的关键字extends用于在类中定义//super两种方法//直接当成函数,表示调用父类的构造器//当成对象使用,...

2021-10-13 20:44:34 328

原创 Bootstrap 网格系统

什么是Bootstrap 网格系统 ?Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。栅格系统原理:首先栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局。bootstrap根据不同屏幕尺寸,选择不同的栅格选项。栅格系统分为12列,即每行最多可容纳12列。如果多大于12列,就会重排,多出来的一列会

2021-10-07 14:25:07 152

原创 对单对象编程模式

<divclass="odiv">点击</div><script>varObj={//初始化数据Fn:function(){this.num=111,this.odiv=document.getElementsByClassName('odiv')[0];this.bindEvent...

2021-10-07 12:02:15 49

原创 data的简单运用

<divclass="fruit"><divclass="Fruits"><p></p><span></span><button>+</button></div><pclass="p2"><span...

2021-10-06 15:34:18 506

原创 jQuery的参数及部分方法

## 参数1. css选择器 > 基本选择器:class id 元素 * > 属性2. jquery的特有规则 > eq(下标) 等于 > gt() 大于 > lt() 小于3. undefined null ```js $(undefined); -> {}jquery对象 ```4. dom对象 将原生dom对象转换jq对象,可以使用jq上的方法和功能5. 函数 ```js ...

2021-10-05 20:50:06 585

原创 jq是如何实现封装调用的

(function(){functionjQuery(seletor){returnnewjQuery.prototype.init(seletor);}jQuery.prototype.init=function(){//this->{}this.length=0;varparam=arguments[0];//通过classid查询元素if(param.ind...

2021-09-11 16:55:15 421

原创 数组去重的方法

//Es6//functionunique(arr){//returnArray.from(newSet(arr))//}//varnewArr=unique(arr)//console.log(newArr);用原型链去重1.//Array.prototype.unique=function(){//for(va...

2021-09-06 20:26:53 57

原创 js正则:身份证简单验证,邮箱验证,密码验证

身份证验证1.1 地址码规则:地址码长6位 以数字1-9开头 后5位为0-9的数字根据以上规则,写出地址码的正则表达式: /^[1-9]\d{5}/1.2 年份码规则:年份码长4位 以数字18,19或20开头 剩余两位为0-9的数字根据以上规则,写出年份码的正则表达式: /(18|19|20)\d{2}/。如果不需要18开头的年份,可以去掉18。1.3 月份码规则:月份码长2位 第一位数字为0,第二位数字为1-9 或者第一位数字为1,第二位数字为0-2根据以上规则,

2021-08-08 21:06:44 202

原创 for循环简单的逻辑运算

1.输出一个3行5列的*号//1//for(vari=0;i<5;i++){//for(varj=0;j<3;j++){//document.write("*")//}//document.write("<br/>")//}//document.writ...

2021-08-02 08:20:55 248

原创 豆豆人吃豆子

varcanvas=document.getElementById('cvs');varctx=canvas.getContext('2d')varspeen=0.1varspeend=8varspeend1=0varspeen1=0.1vars=10varx=200vardou=10...

2021-07-08 20:53:26 67

原创 正则表达式

什么是正则表达式 正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去匹配符合规则的字符。2.1 元字符介绍 "^" :^会匹配行或者字符串的起始位置,有时还会匹配整个文档的起始位置。 "$" :$会匹配行或字符串的结尾"\b" :不会消耗任何字符只匹配一个位置,常用于匹配单词边界 如 我想从字符串中"This is Regex"匹配单独的单词 "is" 正则就要写成 "\bis\b"    \b 不会...

2021-06-26 14:46:54 52

原创 js中部分API的使用方法

filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组。vararr=[1,2,3,4,5,6,-1,-2,-3,-4,-5,-6]vararr2=arr.filter((itme)=>{returnitme>0});//console.log(arr2);...

2021-06-10 20:56:33 235

原创 如何用replace() 方法在字符串中用一些字符替换另一些字符

replace(被替换的字符串, 要替换为的字符串);//将'fang-ming-ouyangshuai'变成'fang**M**ing**O**uyangshuai'varstr='fang-ming-ouyangshuai'//arr1需要改变的字符串num需要被替换的字符num1替换后的字符functionchangeStr(arr1,num,num1){while(arr1...

2021-06-09 20:58:07 915

原创 JavaScript的typeof返回哪些数据类型及类型转换

JavaScript中的数据类型:值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。

2021-06-05 14:18:47 177 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除