python必坑知識點05

1、js基本數據類型

undefined,null,number,string,symbol,boolean,object,array,date

2、js中的拷貝（深淺拷貝）

http://www.rzrgm.cn/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 );
    // 5
    $('.b').children().eq(0).remove();
    // 6
    $('.c').children().css('fontSize', 30);

</script>
</body>
</html>

posted @ 2023-08-23 14:47 hai_sir 閱讀(43) 評論(0) 收藏舉報

刷新頁面返回頂部

zhang_Sir