python必坑知识点05
1、js基本数据类型
undefined,null,number,string,symbol,boolean,object,array,date
2、js中的拷贝（深浅拷贝）
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>