1、js基本数据类型
undefined,null,number,string,symbol,boolean,object,array,date
2、js中的拷贝(深浅拷贝)
https://www.cnblogs.com/echolun/p/7889848.html
https://www.bilibili.com/video/BV1iu411e7DS/?spm_id_from=333.337.search-card.all.click&vd_source=69181b959bc0cae8de15caffd47134a6
3、数组方法有哪些
push,shift,unshift,isArray,indexOf,forEach
4、数组去重的方法
var arr = [1, 2, 35, 35, '香风智乃', '香风智乃', '雏鹤爱']
new Set(arr);
5、判断是否是整数?
Number.isInteger(num)
6、this指向
全局的this指向什么
window对象
对象中的this指向什么
当前对象
事件中this指向什么
当前事件触发的元素本身
7、简述css盒子模型
可以把标签看作是一个盒子,包括几大部分:内容,padding,border,margin
8、写一个div,背景颜色red,宽高各200px,在页面中垂直水平居中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box {
position: absolute;
width: 200px;
height: 200px;
background-color: red;
top: 50%;
left: 50%;
margin-left: -100px;
margin-top: -100px;
}
</style>
</head>
<body>
<div class="box">
123
</div>
</body>
</html>
9、什么是事件冒泡?
比如两个div,一大一小,大的是父类,小的是子类,父类和子类同样拥有点击事件
点击子类后子类的点击事件触发后,父类的点击事件会紧跟着触发(向父级元素冒泡)
// 阻止事件冒泡
function (event) {
event.stopPropagation();
}
10、jquery
<div class="a">
<h3>a1</h3>
<h3>a2</h3>
<h3>a3</h3>
<div class="b">
<h4>b1</h4>
<h4>b2</h4>
<h4>b3</h4>
<ul class="c">
<p>c1</p>
<p>c2</p>
<p>c3</p>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li id="five">five</li>
</ul>
</div>
</div>
(1)获取id为five的元素
(2)获取id为five的元素的父元素
(3)获取class为b的所有子元素
(4)为class为b的dom元素添加一个a标签,a标签文本内容为 点击我,href属性为 www.baidu.com
(5)移除class为b的元素中的第一个子元素
(6)将class为c的元素中的所有子元素的字体大小变为30px
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-1.11.3.min.js"></script>
</head>
<body>
<div class="a">
<h3>a1</h3>
<h3>a2</h3>
<h3>a3</h3>
<div class="b">
<h4>b1</h4>
<h4>b2</h4>
<h4>b3</h4>
<ul class="c">
<p>c1</p>
<p>c2</p>
<p>c3</p>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li id="five">five</li>
</ul>
</div>
</div>
<script>
// 1
console.log($('#five'));
// 2
console.log($('#five').parent());
// 3
console.log($('.b').children());
// 4
$('.b').append('<a href="http://www.baidu.com">baidu</a>');
// 5
$('.b').children().eq(0).remove();
// 6
$('.c').children().css('fontSize', 30);
</script>
</body>
</html>
标签:知识点,python,子类,元素,点击,five,事件,必坑,class
From: https://www.cnblogs.com/z-h-q/p/17651624.html