1-DOM增、刪、改、建立

1.等待DOM和圖片資源載入完成之後才呼叫次方法
2.事件覆蓋現象

2-BOM物件

大部分網頁都是hash模式，還有history模式
js都是單執行緒
settimeout解決資料阻塞

python垃圾回收機制

網頁區域性重新整理用ajax

用定時器 先清定時器 在開定時器

3-定時器

3.1-JQuery

https://www.processon.com/view/link/5b7d6458e4b0534c9bb76ad9

jquery事件
https://www.processon.com/view/link/5ad1c48de4b0b74a6dd65426

用定時器 先清定時器 再開定時器
定時器 一次性定時器 js單執行緒

4-js的面向物件

js es5中沒有class的概念

當談到繼承時，JavaScript 只有一種結構：物件。每個例項物件（object ）都有一個私有屬性（稱之為 proto）指向它的原型物件（prototype）。該原型物件也有一個自己的原型物件 ，層層向上直到一個物件的原型物件為 null。根據定義，null 沒有原型，並作為這個原型鏈中的最後一個環節。幾乎所有 JavaScript 中的物件都是位於原型鏈頂端的Object的例項。
JavaScript的物件中都包含了一個” [[Prototype]]”內部屬性，這個屬性所對應的就是該物件的原型。

5-Jquery

jquery的核心思想 write less do more 寫的少 做的多
引包 前端 一個js檔案就是一個模組

6-Jquery的基本選擇器

類選擇器($(‘.box’)) 類似陣列 陣列的索引 長度length 但是原型的方法不一樣： 偽陣列

7-高階選擇器

$(‘ul li’)
鏈式程式設計

$('ul li').css({
                'color':'red'
            }).click(function(){
                console.log($(this
 
).text().trim())
            })

8-基本過濾選擇器

     $('ul li:eq(0)').css('color','green');
     $('ul li:gt(1)').css('color','red');
     $('ul li:first').css('color','yellow');

9-篩選方法

$(function () {
        //篩選方法
        $('ul').find('.item3').css('color','red');

        //獲取的親兒子
        $('ul').children().css('color','green');
        //獲取的親爹
        $('ul').parent().css('background','blue');

        $('ul li').eq(2).css('color','red');
    });

10-siblings選項卡

siblings 除了它自己之外的兄弟元素.

11-選項卡完整版

12-類的操作

$(function () {
            $('#box').addClass('active tt uu ii');
            $('#box').removeClass('active tt');
            console.log($('#box'))
        })

13-標籤屬性的操作

14-動畫

     使用jquery的動畫 先停止 動畫 在 開動畫
    $('.box').stop().toggle(500);

15-滑鼠懸停下拉選單顯示

16-自定義動畫

//自定義動畫
     $("div").animate(json, 1000, function () {
         $("div").animate(json2, 3000, function () {
             alert("動畫執行完畢！");
         });
     });

17-單雙擊

18-例項