![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
。。。
·港岛妹妹
专注前端开发二十四年
展开
-
基本类型和引用类型区别
基本类型基本类型:undefined、null、string、number、boolean、symbol特点1.基本类型的值是不可变得// 任何方法都无法改变一个基本类型的值 let name = 'jay'; name.toUpperCase(); // 输出 'JAY' console.log(name); // 输出 'jay'2.基本类型的比较是值的比较// 只有在它们的值相等的时候它们才相等let a = 1;let b = true;console.log(a ==原创 2021-03-12 20:50:12 · 255 阅读 · 0 评论 -
ES6的相关语法
ES6的相关语法* let,const与var关键字声明变量有什么区别: 1. const声明的是常量,一经声明不允许改变。 2. const和let都有块级作用域的概念,而非函数作用域。 3. const和let都不存在变量提升的操作。 4. let有暂时性死区的特性,如果在某个作用域中使用let关键字声明了变量,那么在这个作用域中任何其他作用域都不允许侵入该变量。 5. for语句枚举使用let关键字可以纠正自增变量的准确性.* 箭头函数与普通函数的不同点:1.写法不同;2.this指原创 2020-12-25 20:49:31 · 102 阅读 · 2 评论 -
浏览器/元素尺寸相关的属性
浏览器/元素尺寸相关的属性 // 返回浏览器可视区域的距离,不包含滚动条不可见部分的区域 document.documentElement.clientWidth document.documentElement.clientHeight // 返回浏览器页面中所有内容区域的距离,包含滚动条暂时不可见的区域。 document.body.clientWidth document.body.clientHeight // 返回浏览器滚动条卷去的距离 document.do原创 2020-12-25 20:48:47 · 113 阅读 · 0 评论 -
正则表达式
正则表达式正则:正确的规则什么是正则表达式为什么要使用正则表达式 正则表达式(regular expression)是一个描述字符规则的对象。如:只能出现字母,只能出现数字,前三个必须是数字等。 前端往往有大量的表单数据校验的工作,采用正则表达式会使得数据校验的工作量大大减轻,如邮箱验证,手机号码,等等。比起用字符串的函数来判断简单,易用。正则表达式的组成:普通字符 或者 特殊字符定义:1.字面量var reg = /普通字符或者特殊字符/修饰符2.构造方法var reg =原创 2020-08-27 20:24:54 · 78 阅读 · 0 评论 -
BOM,计时器,计时器事件锁
JavaScript的组成部分1. ECMAScript JS的核心2. DOM(文档对象模型 document) js和页面中元素通信的接口3. BOM(浏览器对象模型 window) 浏览器给开发者的一个接口BOM设置地址栏的位置window.location.href = "http://www.baidu.com";* location 位置 * href 设置/返回当前地址栏上的位置 * reload() 刷新页面 * history 历史记录 * back() 返回到上原创 2020-08-21 16:07:47 · 169 阅读 · 0 评论 -
事件
事件鼠标事件* onclick 单击事件* onmouseover 鼠标经过* onmouseout 鼠标离开* onmouseenter 鼠标经过* onmouseleave 鼠标离开* onfocus 获取焦点时* onblur 失去焦点时* onmousemove 鼠标移动* onmouseup 鼠标抬起* onmousedown 鼠标按下* oncontextmenu 呼出浏览器右键菜单栏事件``` node.鼠标事件 = function(){ } wi原创 2020-08-24 21:20:52 · 87 阅读 · 0 评论 -
document对象下的属性和方法,Node节点, 事件
document对象下的属性和方法* getElementById("id") 通过ID获取元素,返回值一定是一个Node节点* getElementsByTagName("标签名") 通过标签名获取元素,返回值一定是一个NodeList* querySelectorAll("css选择器") 返回与css选择器相匹配的NodeList* getElementsByClassName("类名") 通过类名获取元素 * createElement("标签名") 创造一个Node节点Node节点:原创 2020-08-21 16:05:22 · 2076 阅读 · 0 评论 -
DOM(文档对象模型 document object Model)
DOM(文档对象模型 document object Model)DOM的作用:就是通过JS和HTML标签通信的方式。document对象下的属性和方法* getElementById(id) 通过ID获取元素,返回值一定是一个Node节点* getElementsByTagName(标签名) 通过标签名获取元素,返回值一定是一个NodeList* querySelectorAll("css选择器") 返回与css选择器相匹配的NodeList* getElementsByClassName("原创 2020-08-19 19:03:04 · 116 阅读 · 0 评论 -
对象,Math对象,Date对象,计时器
对象:数据的无序集合。由若干条属性构成的,每一条属性都有属性名和属性值。 对象的声明 空对象 {} var o = { name:"王大伟", age:18, sex:"male", city:"朝阳", married:false, students:["姚立峰","许佩"], //方法 sayHello:function(){ alert("王大伟对说了个hello"); return 1; } } 对象的查询原创 2020-08-18 23:51:50 · 205 阅读 · 0 评论 -
String对象的全局方法,数组的全局方法
String对象的全局方法(11个,记住)charAt() 根据下标返回字符concat() 字符串拼接indexOf() 根据字符找下标lastIndexof()replace() 替换字符substring() 根据下标截取字符串slice()substr() 根据下标和数量截取字符串split() 根据某个字符切割为一个数组toLowerCase() 转小写toUpperCase() 转大写数组的全局方法(10个,记住)push(新值) 往后插pop() 删掉最后一个原创 2020-08-17 23:15:16 · 384 阅读 · 0 评论 -
变量作用域and数组的有序集合
变量作用域变量的种类* 局部变量:在函数体内部声明的变量,这种变量只能在该函数内部被访问到。* 全局变量:在函数体外部声明的变量,在任何地方都能被访问到。* 注:当局部变量与全局变量发生冲突的时候,以局部变量为准。* 再注:在JS中只有函数作用域的概念, 没有块级作用域的概念。如果在函数体内部声明的变量去掉了var关键字,那么此时声明的就是一个全局变量,并且该变量不参与变量提升的操作。变量提升:js解释器的一种执行机制,当某个函数执行时,JS解释器会首先过滤一遍这个函数体内所有的局部变量,然原创 2020-08-14 19:05:23 · 130 阅读 · 0 评论 -
JS变量提升举例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> function fn(){ // 若m在fn()之后声明输出undefined,若在fn()之前声明输出11,若去了var则报错原创 2020-08-14 10:17:06 · 143 阅读 · 0 评论 -
函数与函数的参数
函数与函数的参数(重点)定义:一段可以被高度复用的代码段。 //声明函数 function 函数名(形参1,形参2,形参3.....){ //函数体 } //声明函数 var 函数名 = function(形参1,形参2,形参3.....){ } //调用函数 函数名(实参1,实参2,实参3.....) 形参:就是在函数体内部声明的变量。实参:给形参变量赋的值。任何调用函数的语句,如果该函数的函数体内部没有return语句,那么调用函数表达式的返回值就是unde原创 2020-08-13 16:46:35 · 140 阅读 · 0 评论 -
循环结构
循环语句while语句 while(exp){ 循环体 }do while语句:完全没用,只需要知道有这么个东西。 do{ console.log(n) n++; } while(n < 100){ console.log(n) n++; }for语句 for(exp1;exp2;exp2){ 循环体 }循环语句中的关键字(了解)break:如果程序运行到break语句了,那么程序会跳出最近的一层循环。continue:结束本次原创 2020-08-13 16:45:16 · 128 阅读 · 0 评论 -
运算符,if else,给元素绑定点击事件
运算符 === 判断恒等只要运算符左右两端的操作数数据类型不一致,直接返回false。 == 判断如果发现运算符左右两端的操作数数据类型不一致,首先先进行数据类型转换,转换为一致的数据类型后再进行比较。 2 == true -> false NaN == NaN -> false 以后以后需要比较两个值它们是否相同,一律使用判断恒等或者判断非恒等。if,if else if(exp){ 语句/分支1 ..... .... } if(exp原创 2020-08-11 20:01:04 · 594 阅读 · 0 评论 -
js引入,运算符,表达式,数据类型
js的引入方式外部引入:通过script标签的src属性来引入一个外部的.js文件 <script src="test.js"></script>内部引入 <script> // js代码 </script>行内引入:在HTML标签里当前某个HTML的属性的存在。 <div onclick="alert(1)" style="width:300px;height:300px;background-color:原创 2020-08-11 19:58:46 · 107 阅读 · 0 评论