Web学习的亿点细节---亿点点୧(๑•̀⌄•́๑)૭碉堡了

1.在js中需要number类型的数据可以在数据之前加“+”

2.清空数组的操作

1、重新赋值为[]
```
arr = [];
```
2、设置数组长度为0
```
arr.length = 0;
```
3、把数组中的所有数据删除
```
arr.splice(0,arr.length);
```

3.Js赋值样式时需要添加单位

let x = [变量值];
element.style.width = x + 'px';

4.querySelectorAll和children的区别

querySelectorAll：获取的元素集合是静态集合——拿到数据之后就不管之后的变化了
children：获取到的元素是动态集合——拿到数据之后还会动态更新数据

5.removeEventListener传入函数体是不能移除事件的，需要传入注册事件时相同函数的函数名（注册监听事件的事件函数不是函数体）

addEventListener('click', function demo() {console.log('123');
})
removeEventListener('click', function demo() {console.log('123');
})
//这样是不能删除监听器注册事件的
------------------------------------------------------
function demo() {console.log('123');
}
addEventListener('click', demo)
removeEventListener('click', demo)
//需要填入的是同一函数的函数名

6.阻止a标签跳转的小手段

<a href="javascript:viod(0);"></a>

href="javascript:viod(0);’’—意思是不跳转，去执行js代码
js代码为空就间接的阻止了a标签的跳转

7.HTMLElement.offsetParent 是一个只读属性，返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table,td,th,body元素。当元素的 style.display 设置为 “none” 时，offsetParent 返回 null。offsetParent 很有用，因为 offsetTop 和 offsetLeft 都是相对于其内边距边界的。

8.通过constructor判断数据类型

let arr = [];
typeof arr//object
arr instanceof Array//true
arr.__proto__.constructor === Array//true
arr.constructor === Array//true

9.允许我们在function ()/ 箭头函数中, 对形参赋予默认值形参的默认值----当不传入参数的时候(形参的值是undefined), 会被默认值覆盖掉

// 默认值作用: 防止在不传递参数时, 有问题
// function fnOne(a, b){//     console.log(a + b);
// }
// fnOne();// 其实想在不传数字时, 默认是0+0, 但是现在是undefined相加(结果是NaN了)
function fnOne(a = 0, b = 0) {console.log(a + b);
}
fnOne();
fnOne(10, 20);var fnTwo = (a = 0, b = 0) => {console.log(a + b);
}
fnTwo();
fnTwo(100, 200);

10.对象中属性名的访问和值的访问

let  obj = {}
Object.keys(obj);//将所有key保存在数组里
Object.values(obj);//将所有value保存在数组里

11.JQuery中的输入框事件

JQuery中输入框事件(input)不是方法，需要如下方式使用
```
$('selector').on('input',function())
```
12.在定位中通过设置right和left为0可以使得定位元素宽度撑满定位标准的父盒子，top、bottom同理

<div class="father"><div class="son"></div>
</div>

.father {position: relative;width: 300px;height: 300px;border: 10px solid #000;
}.son {position: absolute;right: 0;left: 0;top: 0;bottom: 0;background: red;
}

13.form表单会默认跳转到action属性对应的网址，不写默认会跳转自身，一般阻止表单默认跳转，e.preventDefault—阻止默认事件

14.在网页中复制DOM树

15.模本引擎语法支持字符串方法

Web学习的亿点细节---亿点点୧(๑•̀⌄•́๑)૭碉堡了相关推荐

Web学习（二）CSS
Web学习(二)CSS 小技巧:ctrl+shift+c:快速查看网页元素信息 qq截图取色:ctrl+alt+a截图,然后鼠标在所选颜色区域按下ctrl+c即可取得色号的16进制色号 1.样式定义方 ...
模型越大，真的越香吗？千亿参数之后是万亿，万亿之后呢？
‍ ‍ 智源导读:自2018年谷歌提出BERT模型以来,以BERT.GPT等为代表的模型越来越往「大」这一方向发展,短短3年时间,模型参数已经从最初3亿,扩张到万亿规模.与此同时,以T5.GPT-3等 ...
【面试被虐】如何只用2GB内存从20亿，40亿，80亿个整数中找到出现次数最多的数？...
这几天小秋去面试了,不过最近小秋学习了不少和位算法相关文章,例如 [面试现场]如何判断一个数是否在40亿个整数中? [算法技巧]位运算装逼指南对于算法题还是有点信心的,,,,于是,发现了如下对话. ...
【面试被虐】如何只用2GB内存从20亿，40亿，80亿个整数中找到出现次数最多的数？
这几天小秋去面试了,不过最近小秋学习了不少和位算法相关文章,例如 [面试现场]如何判断一个数是否在40亿个整数中? [算法技巧]位运算装逼指南对于算法题还是有点信心的,,,,于是,发现了如下对话. ...
WEB学习路线2020完整版+附视频教程
WEB学习路线2020完整版+附视频教程,适合初学者的最新WEB前端学习路线汇总! 在当下来说web前端开发工程师可谓是高福利.高薪水的职业了.所以现在学习web前端开发的技术人员也是日益增多了,但是 ...
海联金汇巨亏24亿，30亿收购的联动优势商誉减值20亿、背后现大量现金贷口子
作者 | 金子琪来源 | 互联网金融电讯原标题 | 海联金汇巨亏24亿,30亿收购的联动优势商誉减值20亿.背后现大量现金贷口子,云南信托涉嫌违规"再犯"合作蜜小蜂疑无放贷牌照 ...
Java Web 学习路线
Java Web 学习路线实际上,如果时间安排合理的话,大概需要六个月左右,有些基础好,自学能力强的朋友,甚至在四个月左右就开始找工作了. 大三的时候,我萌生了放弃本专业的念头,断断续续学 Java ...
Java Web 学习路线(2018)
实际上,如果时间安排合理的话,大概需要六个月左右,有些基础好,自学能力强的朋友,甚至在四个月左右就开始找工作了. 大三的时候,我萌生了放弃本专业的念头,断断续续学 Java Web 累计一年半左右,总 ...
java web学习项目20套源码完整版
java web学习项目20套源码完整版自己收集的各行各业的都有,这一套源码吃遍所有作业项目! 1.BBS论坛系统(jsp+sql) 2.ERP管理系统(jsp+servlet) 3.OA办公自动化 ...

Web学习的亿点细节---亿点点୧(๑•̀⌄•́๑)૭碉堡了

1.在js中需要number类型的数据可以在数据之前加“+”

2.清空数组的操作

3.Js赋值样式时需要添加单位

4.querySelectorAll和children的区别

5.removeEventListener传入函数体是不能移除事件的，需要传入注册事件时相同函数的函数名（注册监听事件的事件函数不是函数体）

6.阻止a标签跳转的小手段

8.通过constructor判断数据类型

9.允许我们在function ()/ 箭头函数中, 对形参赋予默认值形参的默认值----当不传入参数的时候(形参的值是undefined), 会被默认值覆盖掉

10.对象中属性名的访问和值的访问

11.JQuery中的输入框事件

12.在定位中通过设置right和left为0可以使得定位元素宽度撑满定位标准的父盒子，top、bottom同理

13.form表单会默认跳转到action属性对应的网址，不写默认会跳转自身，一般阻止表单默认跳转，e.preventDefault—阻止默认事件

14.在网页中复制DOM树

15.模本引擎语法支持字符串方法

Web学习的亿点细节---亿点点୧(๑•̀⌄•́๑)૭碉堡了相关推荐

最新文章

热门文章