JavaScript基础小结

1、作用域分析

• 1.        全局作用域
•   注意：循环结构和判断结构等都不会独立一块作用域
•           如何判断所属作用域范围：就看这个结构是在全局所定义还是在函数中定义
• 2.       函数作用域
• 3.   catch作用域：注意体现catch块独立作用域

2、函数嵌套使用注意点分析

• 1.        说明：function用法（用于函数声明调用、用于构造函数、用于当类用）
•      注意：定义变量方式声明函数和传统声明函数区别
•           定义变量方式声明函数，函数体不会预编译
•           传统声明函数方式，会提前预编译这个函数的定义过程
• 2.        函数中通过var方式声明的变量和this声明变量区别
•      注意：var声明的变量只局限于函数作用域内使用，外部无法使用
•           this声明的变量，可以通过当前外部函数的对象来调用
• 3.        外部在使用var声明变量和this声明变量的注意点
• 4.        函数名直接调用和构造对象使用的区别
• 5. 函数立即执行写法

3、闭包分析

• 1.        定义：函数嵌套形成闭包
• 2.        作用：可以改变变量作用域来实现属性使用分离
• 3.    实现机制：一个函数里面定义另外一个函数，并返回当前函数

4、jquery内容整体归纳总结

• 1.        入口函数
• $(function(){})、$(document).ready(function(){});  jQuery(function(){})
• 注意：jquery的ready入口函数和js里面onload入口函数
•         Ready入口函数：页面加载完毕后，但是资源文件未加载之前
•                  一个页面可以有多个入口函数
•       onload入口函数：页面加载完毕后（包括资源内容）
•                       只能有一个入口函数
• 2.        选择器分析
• 分类：基本选择器、层级选择器、内容选择器、筛选
• 注意：筛选分类（过滤和查找），过滤主要是对已经筛选出来的元素进行二次筛选过滤
•                              查找是对当前元素，找其相关的元素
• 3.        属性访问：attr给属性赋值或者取值，attr({name:value,name:value}) 
•                removeClass\addClass:给属性添加类和移除类
• 4.        CSS访问：css给样式赋值或者取值：css({name:value,name:value})取值：css(name)
•   Offset：获取边距（相对于page），子属性left和top
•             Position：获取边距（相对于有定位的父元素），子属性left和top
•             Scrollleft、scrolltop：获取滚动条滚动距离
• 5.        事件处理
• 绑定事件的方式：on(“事件”，function(){})、事件名(function(){})
• 事件：click点击、mouseover、mouseout、mousewheel、input
• event：screen、client、page、offset
• 6.        动画效果：基本效果、滑动效果、淡入淡出效果、animate
• 注意：同一个对象可以给定多个效果，会有队列保存
•        stop（是否清空队列，是否执行完当前动画）
• 7.        文档操作处理
• dom对象的创建、添加、移除操作
• 创建dome：$(“<标签>”)
• 添加元素：内部添加、外部添加、包裹
• 移除元素：remove、empty