cuishoulong3424-CSDN博客

原创 js进阶--Promise-10

PromisePromise是es6新增的一个类用处：将异步代码，以同步的方式写出来，避免了回调地狱使用的时候要new一下Promisenew的时候里面传一个函数，函数有两个形参,第一个代表成功，第二个代表失败let p1=new Promise((resolve,reject)=>{ resolve();//假设第一个函数执行 reject();//第二个代表失败});Promise有三个状态pending等待态 fulfilled成功态 reject

2020-12-18 19:37:37 231 1

原创 js进阶--防抖、节流、同步异步简单概述09

防抖节流防抖频繁点击下，只执行一次一般用于点击事件非立即执行的防抖只执行最后一个//非立即执行的防抖//func是个函数,wait是时间function debounce(func, wait) { let timer; return function () { let that = this; clearTimeout(timer); timer = null; timer = setTimeout(f

2020-12-15 16:51:44 224 1

原创 js进阶--获取图片样式及瀑布流案例09

元素的计算样式ele.style获取或设置元素的行内样式获取的值都是字符串类型的还有就是样式的名字必须是驼峰命名法getComputedStyle:当前元素计算后的样式(看权重，获取到的是最终作用在元素身上的样式)只能获取,不能设置它是window身上的一个方法用法:getComputedStyle(ele,“伪类”);返回值是一个对象，对象里是所有计算后元素身上的样式getComputedStyle(box).width获取box的width,也是字符串在IE6~IE8是不能

2020-12-12 19:01:52 244

原创一些面试题及涉及到的知识点

一些面试题及涉及到的知识点{}的坑出现在{}(除了函数和对象外)中的function，在变量提升时候,只声明不定义{}中出现的let/const/function则会产生一个块级上下文[es6]原本变量提升已经处理过了，应该不管了，但是：由于这行代码被EC(G)和EC(B)都宠幸过，所以：浏览器会把当前上下文中，这行代码之前包括本行对本名字(如foo)的所有操作同步给全局中的foo一份，如果有两个foo函数那么在块级作用域里出现几次，同步几次，且同步的是变量提升后的foo，而且是在代码行到了fun

2020-12-10 15:11:03 99

原创 js进阶--js盒子模型08

文章目录js盒子模型client开头的offset开头的scroll开头的获取样式回到顶部思路方法js盒子模型描述当前盒子的大小分四类共13个只读属性 clientWidth clientHeight clientLeft clientTop offsetWidth offsetHeight offsetLeft offsetTop offsetParent scrollWidth scrollHeightclient开头的作用:获取当前盒子的可视宽高,(width+左右padding

2020-12-09 18:27:41 144

原创 js进阶--正则07

文章目录正则方法正则的组成()练习正则的创建方式正则的捕获exec返回值的特点正则的懒惰性1.正则再捕获的时候只会把第一次符合规则的内容捕获到2. 正则是一个对象，身上有lastIndex属性，控制的是当前正则捕获开始位置的索引封装一个方法，可以把当前字符串所有符合正则规则的内容全部捕获到,并且以数组方式返回match是字符串身上的方法，用来配合正则使用matchAll是字符串的一个方法，但是可以获取到()内的内容正则的贪婪性正则类上的`$1-$9`存储的是正则匹配到的分组内容,但每次使用正则都会覆盖前面的

2020-12-08 19:09:08 180

原创 js进阶--JSON，克隆，解构赋值,class类与箭头函数 06

文章目录Array.from(类数组)sort中的a，b代表的每一项JSON浅克隆深克隆es6letconst对于对象中属性名与属性值一样的只写一个就可以解构赋值数组的解构赋值对象的解构赋值函数参数运用解构赋值展开运算符与剩余运算符箭头函数class类Array.from(类数组)Array.from(类数组) 将类数组转换为数组var ary = [];function A() { ary = Array.from(arguments);}A(1, 2, 3, 10, 9);

2020-12-04 19:15:38 506

原创 js进阶---原型的深入,改变this的三种方法05

文章目录原型的深入理解原型拓展封装一个push链式调用原型重定向封装检测是不是公有的new的时候先执行()之前的,如new fn(),先执行new fn然后在执行()原型的深入理解每个函数都有是函数数据类型的实例,实例就会有__proto__属性，指向所属类的原型Object基类也是一个函数,所以Object.__proto__也指向Function.prototype函数的实例有__proto__和prototype两个属性Function基类自身也是个函数,所以他自身也有一个__proto_

2020-11-30 17:05:24 193

原创谷歌浏览器无法翻译中文解决办法

谷歌浏览器的内置翻译无法使用解决步骤搜索彩云小译或者直接点击此按钮彩云小译然后在官网下载彩云小译插件手动进入谷歌拓展程序或新建网页，输入网址chrome://extensions进入拖拽下载的xiaoyi.crx至拓展程序窗口，然后点击添加扩展程序即可使用方法右键==>启用彩云小译...

2020-11-29 15:31:36 4158 1

原创 js进阶--this指向,构造函数，设计模式，原型与原型链04

文章目录this在全局作用域下this就是window函数执行的时候，看前面是否有.如果有this就是.前面的，如果没有就是window(非严格模式下),在严格模式下(undefined)给元素绑定事件的时候，当事件触发，函数执行的时候，里面的this就是当前点击元素自执行函数中的this是window(非严格模式下)，在严格模式下为undefined回调函数，无论是严格模式还是非严格模式，他的this都是window什么是回调函数？构造函数(类)中的this指的就是当前的实例通过bind,call,app

2020-11-27 17:55:09 141 1

原创一些js小问题

探讨一些js在js中，如js，for这种块级作用域中的变量可以被外界访问到for(var i=0;i<2;i++){for(var i=0;i<3;i++){} }console.log(i);//4console.log("i" in window);//true块级作用域中的function会被隐式提升为let声明 if(true){ var i=1; function i(){}; var i=2; }

2020-11-26 18:23:59 93

原创 js进阶--let，上级作用域，闭包03

文章目录es6中的let小练习上级作用域小练习堆栈内存的释放问题堆内存的释放 `背`常见的浏览器释放主要有两种：栈内存的释放 `背`闭包闭包的作用引伸--工作中闭包的应用(不用记)练习，闭包实现选项卡es6中的letes6没有变量提升,但是在代码执行之前会有一个词法检测，来看你的代码是不是会有语法错误，如果有直接报错//直接打印报错，不执行console //Identifier 'a' has already been declaredconsole.log(1);let a=1;

2020-11-25 19:12:41 141 1

原创 js进阶 --堆栈内存,变量提升02

文章目录作用域全局作用域全局变量和window的关系带var与不带var的区别私有作用域作用域链块级作用域堆栈内存栈内存堆内存变量提升两个并排的括号代表什么变量提升的特殊性作用域全局作用域私有作用域es6块级作用域全局作用域当打开页面的时候，会提供一个供js代码执行的环境全局作用域，会提供一个最大的window对象全局变量:在全局作用域中声明的变量判断一个对象有没有某个属性:'属性名' in 对象名返回true就是包含，返回false就是不包含var obj={name:li}

2020-11-24 17:07:13 81

原创 js进阶--git 01

文章目录gitgit(版本控制系统)；到底什么是git，git又是做什么的呢?国内常用的版本控制系统git的安装：git的工作原理(分为三个区)git命令git的全局配置(可以想象成新车上牌)创建本地仓库，完成版本控制远程仓库的使用gitgit(版本控制系统)；到底什么是git，git又是做什么的呢?记录历史版本信息方便团队之间协作开发国内常用的版本控制系统git：分布式管理系统svn：集中式版本管理系统分布式和集中式的各自特点SVN图解git图解git的安

2020-11-23 17:49:49 97 1

原创 js基础--时间对象08

文章目录new Date()时间对象定时器清除定时器同步，异步时钟案例倒计时做一个抽奖程序，页面中有一个区域显示中奖人员的编号，在JS中写一段代码，要求每隔1秒中随机创建一个四位的数字（每一位数字的取值范围0-9），当10秒结束后，结束定时器，最后显示的四位数字即是中奖的号码new Date()时间对象获取到的是一个对象,身上有一些属性getFullYear()背年getMonth();背表示月份，值的范围在0-11之间，使用的时候需要+1getDate();背日g

2020-11-20 15:49:49 85

原创 js基础07

文章目录Math的常用方法Math.abs()Math.ceil()Math.floor()Math.round()Math.sqrt()Math.pow(n,m)Math.PI()Math.max()Math.min()Math.random()demo生成4位验证码获取元素的方法节点类型封装previousElementSibling封装childrenDOM的增删改Math的常用方法Math.abs()求绝对值参数：值Math.abs(-1);//1Math.ceil()向上取整

2020-11-20 09:25:05 99

原创 js基础06

文章目录字符串方法charAt(索引)charCodeAt(索引)indexOf("值")lastIndexOf(值)slice(n,m)substring(n,m)substr(n,m)toUpperCase()toLowerCase()replace(n,m)split("分隔符")例题：拼接截取字符串的三种方法，以及区别字符串方法charAt(索引)作用：获取指定索引的字符串索引超出为""str[索引]也可以得到，但超出后为undefined返回值：索引对应的字符var str="a

2020-11-20 09:24:36 88

原创 js基础05

文章目录数组的方法pushunshiftpopshiftsplice(i,n,m)`删除数组最后一项的方法``在数组最后增加项的方法`slice(n,m)concattoStringjoinreversesortindexOflastIndexOfincludesforEachmap数组去重冒泡排序快速排序递归求和数组的方法push作用：向数组参数：添加具体的值，可以是一项也可以是多项返回值：新数组的长度是否改变原数组：改变 var ary=[2,3]; console.lo

2020-11-20 09:24:06 145

原创 js基础04

文章目录for循环补充遍历对象中的属性名和属性值whiledo{函数体}while(判断条件)函数函数的返回值return匿名函数箭头函数函数接受参数的方式：求和for循环补充遍历对象中的属性名和属性值obj.key为什么在for in循环里出现undefined的原因obj.key等于的是obj[“key”],而不是obj[key],在当前key是属性名的索引，是一个变量var obj={"name":"li","age":12}for(var key in obj){console.l

2020-11-20 09:22:12 56

原创 js入门03

文章目录for循环for循环中两个比较重要的值++i与i++的区别大杂烩for循环重复的去执行一件事的时候，我们就可以用for循环声明定义初始条件指定循环条件条件符合，进入执行体进行累计操作//反向输出strvar str=[1,2,3,4];//遍历输出str的数字for(var i=str.length-1;i>=0;i--)//注意，长度要-1{ console.log(str[i]);}//打印奇数项for(var i=0;i<str.le

2020-11-20 09:21:43 65

原创 js的基础部分02

文章目录js引用的两种方式closole控制台console.log()console.dir()window弹窗alert弹框confirmprompt获取属性名对应的属性值，方法：对象添加、更改与删除基本数据类型与引用数据类型的区别：`背`思考题:if判断判断符号 `背`三元运算符 `背`思考题switch语句== 与=== 的区别检测数据类型的几种方法 `背`面试题js设置鼠标悬浮，鼠标离开js设置css样式js添加/获取文本 js添加/获取结构JS点击事件js引用的两种方式script

2020-11-20 09:21:15 72

原创 js的基础部分01

文章目录创建变量的六种方式 `背`js命名规范 `背`两种简单的调试方式js的数据类型 `背`number 数字类型stringnullundefiedfunction报错对象把其他数据类型转换为Number数据类型的方法Number([value])parseInt([value])把字符串转换为整数parseFloat([value])把字符串转换为浮点型,可以识别小数NaNisNaN字符串方法字符串的加减乘除转换为布尔的方法null与undefined的区别###js的组成部分背ECMAs

2020-11-20 09:20:56 66

原创 HTML入门-补充11

单行文字溢出… p{ width:100px; border:1px solid green; /* 超出隐藏 */ overflow: hidden; /* 文字隐藏的方式是... */ text-overflow: ellipsis; /* 不换行 */ white-space: nowrap; }多行溢出，显示…p{width:1

2020-11-20 09:20:37 49

原创 HTML入门10

A模块第14天flex布局1. flex 布局的出现布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局2. flex布局的兼容性问题注意：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。3. flex 布局的定义Flex是Flex

2020-11-18 19:25:11 59

原创 HTML入门09

##remrem 是指根元素（root element）的字体大小。根元素就是我们所说的html元素，默认的情况下，根元素字体的字体大小是16px;那我们做移动端的响应式开发，如果纯粹用之前所说的媒体查询，那么我们的代码就会很多，写起来也不是很方便。那么怎么办呢？我们就可以结合我们的rem。rem做移动端的思想？当我们拿到设计稿的时候，如果可以按照设计稿的尺寸去写，然后通过更改一个值，就能更改页面中所写的css，那是不是会很方便，rem刚好就是。 1rem=html的字体大小（默认情况下是16px

2020-11-18 19:23:03 76

cuishoulong3424的博客