- 博客(19)
- 收藏
- 关注
RSS订阅
1原创 正则表达式
const reg = /\d+/ig ; (\d为数字)(\D为非数字)（\w 数字，字母，下划线）（\W 非数字字母下划线）(\s 匹配空白字符）(\sS匹配非空白字符）空白字符和空字符不一样。 空字符 .{0}[\u4e00-\u9fa5] 中文匹配const reg = new RegExp('\d+' , 'gi') ; //可以用变量str.replace(/\d+/ig , '**')能接受正则的方法 search(/\d/ig) ， match() 默认只会找到第一个，全局匹
2022-01-04 21:25:25
508
原创 事件流:描述的是从页面中接受事件的顺序
事件冒泡：从里向外; 事件捕获：从外向内 addEventListener(type , fn , true) 第三个参数表示是否支持事件捕获,主要使用事件冒泡使用冒泡，点击绑定的子元素，所有绑定了的上级元素会执行，点击上级元素包含在内的下级不执行；使用捕获，点击绑定的上级元素，所有绑定了的下级元素会执行，点击下级元素包含它的上级都不执行；阻止事件冒泡，利用事件对象，以下是js兼容写法例子 var oDiv = document.querySelector('.a')...
2021-12-25 19:02:30
284
原创 事件绑定处理
事件处理函数的第一个参数表示的是事件对象，事件对象是用户记录事情发生的整个过程document.onclick = function (a , b) { }document.onclick = function (e) {e = e || event ; //兼容console.log(e.target);//输出触发目标console.log(this); //指向事件源}绑定事件的方式行内js onclick="fn()" ;事件绑定 oDiv.onclick = f..
2021-12-25 18:07:26
108
原创 重绘和回流
重绘：重新绘画 比如颜色的改变会引发页面重绘回流： 比如插队 display:none / block，任何的DOM操作都会引发回流重绘和回流都影响页面的响应速度，回流的代价大于重绘，只能优化，不能解决for(var i = 0 ; i < 100 ; i++) {var oP = document.createElement('p') ;oP.innerHTML = i ;document.body.appendChild(oP) } //dom操作了100次优化成一次.
2021-12-25 17:39:12
234
原创 获取标签的其他方式
除了常用的d.qSA(选择器)和d.qS(选择器);document.getElementsById();还有document.getElementsByClassName('a')获得类名为a的数组document.getElementsByTagName();document.getElementsByName(); 用的非常少选择器是从右向左查找的,少用后代选择器。...
2021-12-25 16:43:25
88
原创 找dom标签
获取含a类名标签 objs =document.querySelectorAll('.a')找父标签objs[i].parentNode ;找儿子objs[i].childNodes 子节点 --- 包含所有的文本，换行，标签，注释等等objs[i].children[n] 子元素 --- 只包含标签objs[i].firstElementChildobjs[i].lastElementChild找兄弟objs[i].previousElementSibling ...
2021-12-25 16:06:57
196
原创 dom操作
var oT =document.createTextNode(666)创建一个文本节点，里面加‘666’为字符串var oP = document.createElement('p') 创建p标签节点，是一个对象var oD= document.createElement('div')创建div标签节点，是一个对象oP.appendChild(oT) ; 在p标签内容最后面插入...对象多次重复插入不会重复添加oD.appendChild(op) ;在div标签内...
2021-12-25 15:37:45
686
原创 样式的操作
获取样式 getComputedStyle(obj)['color']或getComputedStyle(obj).color如果是行内样式,就可以直接获取obj.style.color设置样式obj.style.color = 'red';obj.style.cssText = 'color:red;width:100px;' 会覆盖之前的行内样式(不想覆盖就+=)js动态添加的样式会以行内样式的形式出现，行内样式改为驼峰命名 ，js只能拿到行内样式样式兼容currentSty..
2021-12-25 14:28:37
394
原创 类名的运用
查找和添加删除标签里的类名实现样式的变换className.includes(' $')获得类名字符串再找到该字符，标签里类名有空格隔开，搜索要加空格.不能用classList,该数组为伪数组不能使用includes()方法,可以用add(),remove(),replace();通过标签节点获得类名的伪数组只有querySelectorAll()能使用foreach();...
2021-12-25 12:03:39
216
原创 bom介绍
BOM常见属性 navigator userAgent 会详细的显示浏览器的版本信息 location 地址栏 href 整个网址 host 域名+端口号 hostname 域名 port 端口号 protocal 协议 (http / https) ...
2021-12-21 19:32:48
171
原创 回顾3目运算
a>b? 语句1:语句2;a>b? 为判断2个的大小返回true false , true则执行语句1, false执行语句2;语句中无法return , return要放3目运算的最前面；
2021-12-18 17:15:42
66
原创 回顾JS自增运算
var x= 10,y=0 ;y = x++ + ++ x + ++x + x++ ;x++为先给值再运算x， ++x为先运算x再给值;x给10，x=11 ；x=12，先给12；x=13，x给13；x给13，x=14 y = 10 + 12 + 13 + 13 ;x = 14 ;y = 48 ;...
2021-12-18 16:47:10
268
原创 模板字符串
变量的设置可以用${a} 来代替 a 进行字符串拼接 `<div>变量为${a}</div>` ；这样遍历2维数组时不用一直循环重复进行字符串拼接。
2021-12-18 09:31:10
56
原创 深复制和浅复制。
a = 1 ; b = a ; b++ ; b的值不改变a的值为深复制. arr1 = [1,2,3] ; arr2 = arr1 ; arr2.push(4) ；改变arr2arr1也会变为浅复制；数组传给形参为浅复制数组的复制是复制地址，arr1的地址传给arr2。
2021-12-16 14:11:44
59
原创 JSday06
1.短路||取先遇到的true，&&取先遇到的false或后面的true2.js变量函数运算先把var定义的变量提前，再把函数提前 ，然后按顺序运算。3.要返回函数里a>b?a:b 中的值可以把return放前面。
2021-12-13 20:54:42
746
原创 jsday03
1.简易计算机里option里的value要么写完整要么不写.2.通过ID获取文档节点值时最好放函数外，避免多次重复执行3.闰年的判断有固定公式 x%4 == 0 && x%100 != 0 || x%400 == 04.switch(true){ case 0:{} case 1:{} default{} } 当switch里值为真时执行case条件,不加break则一直向下执行。5. var x ; while(x<y){y++}; ...
2021-12-08 21:02:31
273
原创 jsday02
1.math对象有random,ceil,floor,round2.计算机的精确度例如（0.1+0.2）等于0.3000000004,判断99999999==1000000003.y=(math.random（）)*(max-min)+min；4.arr[]; y= max(arr[])y= min(arr[]) ;5. var y = document.getelementById (''); btn.onclick = fountion () {}; ...
2021-12-07 21:03:35
152
原创 js day01
1.基础介绍：脚本语言，直意型,弱编译型,组成 ECMAScript + BOM + DOM ECMAScript 核心语法 es5 es6 BOM 浏览器对象模型 DOM 文档对象模型 js和h5的关系, h5 广义：前端 --- 动态的网页 狭义：html第五个版本 js 实现网页动态效果的核心 , js运行在js引擎中，也就是浏览器中 js创建方式2.4种引入方式除去一种不好用其他分为外部引入，内部引入body结束前，行内引入3样式.3.alert();弹出框，多数字只显示1个4.doc.
2021-12-06 21:04:27
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人