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("动画执行完毕!");
});
});