- 博客(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
157
原创 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
110
原创 ES6 : 迭代器和生成器
11.1迭代器iterator运用场景:React框架,fetch1.什么是迭代?从一个数据集合中按照一定的顺序,不断取出数据的过程2.迭代和遍历的区别?迭代强调依次取出,不能确定取出的数据有多少,也不能保证数据取完遍历保证知道了数据的长度,,循环不断地全部取出,针对于数据量过大的时候使用遍历会花费很多事件3.迭代器对迭代过程的封装,通常表现为对象的数据形式(也有数组的形式),不同的语言中,表现出来的形式是不一样4.迭代器满足的条件...
2021-10-19 20:32:49
115
原创 promise解决地狱回调的问题
什么是地狱回调?回调:运行某个函数实现某个功能的时候,传入一个函数作为参数,当发生某件事情之后,会执行函数参数回调地狱:某个异步操作需要等待之前的异步操作完成以后,无论回调是事件还是其他函数,都会陷入不断的回调地狱回调举例:<buttonid="btn1">btn1</button><buttonid="btn2">btn2</button><buttonid="btn3">btn3</but...
2021-10-18 18:53:07
171
原创 ES6的继承(原型链上的继承方法)
关键字:extends : 继承super :1.直接当成函数使用,表示调用父类的构造器2.当成对象使用,表示父类的原型 3.super()只能用在子类的constructor方法之中,用在其他地方就会报错。//ES6继承//继承的关键字extends用于在类中定义//super两种方法//直接当成函数,表示调用父类的构造器//当成对象使用,...
2021-10-13 20:44:34
339
原创 Bootstrap 网格系统
什么是Bootstrap 网格系统 ?Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。栅格系统原理:首先栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局。bootstrap根据不同屏幕尺寸,选择不同的栅格选项。栅格系统分为12列,即每行最多可容纳12列。如果多大于12列,就会重排,多出来的一列会
2021-10-07 14:25:07
169
原创 对单对象编程模式
<divclass="odiv">点击</div><script>varObj={//初始化数据Fn:function(){this.num=111,this.odiv=document.getElementsByClassName('odiv')[0];this.bindEvent...
2021-10-07 12:02:15
52
原创 data的简单运用
<divclass="fruit"><divclass="Fruits"><p></p><span></span><button>+</button></div><pclass="p2"><span...
2021-10-06 15:34:18
513
原创 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
586
原创 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
438
原创 数组去重的方法
//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
72
原创 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
209
原创 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
266
原创 豆豆人吃豆子
varcanvas=document.getElementById('cvs');varctx=canvas.getContext('2d')varspeen=0.1varspeend=8varspeend1=0varspeen1=0.1vars=10varx=200vardou=10...
2021-07-08 20:53:26
71
原创 正则表达式
什么是正则表达式 正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去匹配符合规则的字符。2.1 元字符介绍 "^" :^会匹配行或者字符串的起始位置,有时还会匹配整个文档的起始位置。 "$" :$会匹配行或字符串的结尾"\b" :不会消耗任何字符只匹配一个位置,常用于匹配单词边界 如 我想从字符串中"This is Regex"匹配单独的单词 "is" 正则就要写成 "\bis\b" \b 不会...
2021-06-26 14:46:54
59
原创 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
238
原创 如何用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
916
原创 JavaScript的typeof返回哪些数据类型及类型转换
JavaScript中的数据类型:值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。
2021-06-05 14:18:47
198
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人