Python系统学习-15

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]]”内部属性，这个属性所对应的就是该对象的原型。

扫描二维码关注公众号，回复： 4867985 查看本文章

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-实例