自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 BOM

BOM Borwser Object Model 浏览器对象模型了解1.:一般写法window.open(“传入链接地址”)2.window.open(“传入链接地址”,"_blank")操作的浏览器,会被浏览器屏蔽掉,提高用户体验,避免跳转的页面多3.例如:window.open(“http://xxx.com”,"_blank")4.关闭页面:window.close掌握5.1)onresize浏览器的宽高在变动2)window.innerWidth 可视区的浏览器的宽度window.

2020-05-27 15:53:38 115

原创 event事件函数

event事件函数里面的关键词时间对象——存储着和当前事件有关的一些信息1低版本的.ie2.标准浏览器里面的事件函数的第一个形参代表事件对象只要传入形参即可3.低版本的兼容<ie9使用或window.event不兼容的时候是undefined4.关于鼠标位置区别在于滚动条的时候不一样1).clientX clientY 鼠标到可视区的距离2).pageX pageY鼠标到文档的距离5.关于冒泡:事件默认(一直存在的)是会一直向上传递的(事件从子元素开始到父级直到d

2020-05-26 23:12:00 577

原创 各种设置宽高、距离的获取

各种设置宽高、距离的获取1.可视区的宽高document.document.clientWidth,…Height2.补充~记住:获取其他的元素:document.head~headdocument.body~bodydocument.title(title的文本内容)~titledocument.documentElement~html3.只读:盒模型中的宽高获取:clientWidth=content+paddingclientHeight=content+paddingoffse

2020-05-26 21:18:16 147

原创 ES6常用语法2

一、for of(ES6)1.了解for in遍历数组key数组的下标,arry数组for in在ES5中的作用是遍历对象的,但是for in可以遍历出原型上面的属性//for in在ES5中的作用是遍历对象的let onj={ name;"小菜", age:19, sex:"女", company:"xxx"}for(let key in obj){ console.log(key);//name age sex company console.log(key,obj.[ke

2020-05-25 09:23:59 444

原创 ES6常用语法1一解构赋值...

一、let与const1)let或const定义的变量的特性:暂时性死区:只要当前作用域中声明过某个变量,那么声明使用该变量就会报错(必记)例如:如何避免暂时性死区?建议:同个作用域所有的定义全部写在最前面假如不知道需不需要赋值,则可以采取先不赋值,然后再赋值即可例如:2)const与let的区别const是常量,但是不改变引用,都不会报错例如报错:不会报错const a={ name:"lala"}; a.age=10; console.log(a);二、不建议

2020-05-24 12:02:33 314

原创 日期对象

一、new Date() 返回值是一个对象固定写法,并且时间是当前自己电脑的时间(只能获取当前本地的时间)二、具体表示方法年:get.FullYear()月:get.Month() 月份是从0开始算起的,所以需要在后面加上1,显示正常的月份日:getDate()时:getHourse()分:getMinutes()秒:getSecondes()星期:getDay() 一周的第一天是星期天,对应为0三、应用:制作时钟函数返回的值应该保持一致能不写在定时器中的就不要写在定时器中,

2020-05-23 21:50:26 1073

原创 DOM

一、JavaScript的组成ECMAScript:核心基础,语法规则(提供一些方法)DOM:document object model:文档对象类型,定义各种操作页面元素的属性的方法BOM: borwser object model:浏览器对象类型,定义各种操作浏览器的属性的方法二、Dom文档对象模型(提供api操作一些节点)1.所有和HTML页面相关的操作都是DOM提供的(记住)2.修改文字:一个元素的子节点(在dom中不仅仅标签是节点。还包括:文本,注释,元素节点。掌握:元素节点,文本节点

2020-05-23 11:58:34 178

原创 常用的数学函数+定时器

一、常用的数学函数1.绝对值 abs2.max 一组数中得到最大的数值min 一组数中得到最小的数值max 和 min都需要传入一组数据3.指数函数 pow4.π的表示 PI5.三角函数 sin cos tan注意:角度 和 弧度 的转换360 = 2π弧度=角度*π/1801.绝对值2.max min结果3.指数函数 pow(a,b)传入两个参数,a指数值,b指指数是多少结果 2434.π的表示 PI console.log(Math.PI);//2.1415..

2020-05-17 10:13:35 390

原创 取整函数

一、Math方法random 随机数[0,1):注意区间里面的0,1是不可变的随机返回一个0-1之间的数字,可以随机到0(概率比较低),不可以随机到1(取不到1)固定口诀:[a,b)//b一定比a大Math.random()*(b-a)+a//例如:-20到10之间的随机数console.log(Math.random()*30-20)//例如:随机数取10-20console.log(Math.random()*10+10)二、Math取整1.向下取整 floor(一般取整常用

2020-05-16 11:45:33 933

原创 数组常用的排序方法

1.sort是指排序,sort的返回值的正负决定了排序的顺序常与箭头函数使用,并且传入形参(形参需要再写)api:sort (()=>{})目前必记:正序倒(反)序升序降序例如:2.reverse() 反序函数3.concat是连接两个数组,组成一个新的数组/将两个数组连接在一起,组成一个新的数组,但是不改变原数组例如:let arr1=[1,2,3];let arr2=[4,5,6,7];let arr3=arr2.concat(arr2);console.log(arr3

2020-05-15 11:52:39 1731

原创 闭包一总结

考题:一、闭包:被包裹在其他函数中的函数,叫闭包(常用定义)父函数 包裹了子函数,子函数使用了父函数的变量/参数,导致这个变量和参数不会被回收,闭包就产生了/父作用域 包裹了子作用域,子作用域使用了父作用域的变量/参数,闭包就产生了例如闭包产生的原理:二、闭包的特点需提及:变量回收机制变量为什么会回收?因为变量是一直存在内存里面的变量回收的特点:全局的变量是不会被回收(除非关闭当前网页的时候才会回收)例如:let x=10;//全局变量例如:局部变量 function fn(

2020-05-14 11:42:56 126

原创 Math方法、定时器

一、= 的含义1)如果右边的数据是基础数据类型(字符串、数字、未定义、布尔值、null空指针)赋值:右边的数据给左边变量,给完之后,左右就没有关系了2)如果右边的数据是对象(只有对象才有引用关系)则 = 是引用:右边数据给左边,左右建立引用关系,两个变量建立了引用关系之后,任意一边的改变(是指使用点操作或者 [] 符号的操作)会影响另外一边。但是重新赋值是不会影响的例如:点操作1结果:例如:点操作2<div id="wrap">123</div> let o

2020-05-13 16:36:46 126

原创 return函数的补充

1.return返回的是一个数据2.函数体(考题):当函数没有执行的时候返回的是一个函数体1)例如2)执行函数里面的代码结果3)返回函数体,但是aa();函数执行了,有返回值123结果4)面试题:如果一个函数执行完之后,而return的是一个函数,则一个函数执行完之后变成一个函数表达式,执行完的函数再加上()会再次执行/只要返回值是一个函数,则+()就可以自执行结果3.作用:函数执行到return则会立马结束函数例如:结果:2)通常会跟if使用,终止不需要的步骤默认

2020-05-10 12:07:29 190

原创 break,continue---补充

1.break:在for循环的循环体中,可以直接使用break直接结束循环例如结果:2.continue:循环时,执行到continiue的话,当前这一次的循环体立即结束例如结果

2020-05-10 11:15:52 113

原创 ES5的作用域与解析顺序一一仅做了解

面试题(概率不大)1作用域:定义了变量之后,变量会再一定范围里面起作用,这个起作用的范围就是作用域;2.ES5中的关键词1)var特性:变量提升:解析代码的时候,会先读(当前作用域中)所有的var,并且只解析变量的名字,等号后面是不解析的例如:console.log(x);//undefinedvar x=10;//解析如下var x;console.log(X);//所以打印undefinedx=10;//区别于letconsole.log(x);//报错let x=10;

2020-05-10 10:56:08 231

原创 函数作用域

1.函数的作用域是定义函数的时候决定的,而不是执行函数的时候决定的。如下图,函数自执行(掌握)//弹窗的是10,因为不能访问同一个函数的变量,只能去全局作用域里面找。2.this指向:在任意的作用域里面都有this指向,并且是关键词。在同一个作用域里面的this指向是相同的,但是采用不同的执行方式,this指向是不一样的,区别于函数的作用域:函数的This指向是执行函数的时候决定的,而不是定义函数的时候决定的。1)this指向window,因为是使用了window.aa();所以指向window

2020-05-09 18:41:40 403

原创 javascript一函数

1./ /声明一个函数funct ion goudan() { consolc. log ("DSB") ; } // goudan() ;//主动式触发函数/主动的在合适的位置加()执行 //充当事件函数,事件触发时才执行,不能加() ,因为加上()表示右边为一个函数了,自执行,没有点击效果了document.onclick = goudan;// document.oncl...

2020-05-01 12:53:06 198

空空如也

空空如也

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

TA关注的人

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