随笔分类 - JavaScript
摘要：一、函数声明和函数表达式的区别： 函数声明放在if——else语句中，在IE8中会出现问题 函数表达式则不会 二、函数中的this指向的问题 普通函数中的this window 定时器中的this window 构造函数中的this 实例对象 对象。方法中的this 当前的实例对象 原型方法中的th
阅读全文
摘要：一、原型链 是一种关系，实例对象和原型对象之间的关系，关系是通过原型（__proto__）来联系的 二、原型指向改变： 实例对象的原型（__proto__）指向的是该对象所在的构造函数的原型对象， 构造函数的原型对象（prototype）的指向如果改变了，实例对象的原型（__proto__）指向会跟
阅读全文
摘要：一、面向对象编程思想： 根据需求，抽象出相关的对象，总结对象的特征和行为，把特征变成属性，行为变成方法 然后定义（js）构造函数，实例化对象 通过对象调用属性和方法，完成相应的需求 二、贪吃蛇代码 <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要：一、引入 1、JS是一门脚本语言，解释型语言、弱类型语言、基于对象的语言、动态型语言 2、继承（面向对象有三个特性：封装、继承、多态 ）是指类与类之间的关系，JS中没有类的概念，JS中有构造函数的概念，是可以继承的，是基于原型 3、创建对象的三种方法：字面量、系统方法构造函数、自定义构造函数 4、工
阅读全文
摘要：一、拖拽对话框 二、高清放大镜 三、自制滚动条 四、元素的隐藏方式 五、表格隔行变色 六、tab切换效果 七、字符串拼接 八、刷新评论
阅读全文
摘要：一、文档中的鼠标移动事件 onmousemove 二、clientX和clientY获取横纵坐标 案例图片随着鼠标移动 三、pageX和pageY获取横纵坐标 案例图片随着鼠标移动 四、兼容性写法（封装对象）
阅读全文
摘要：一、动画函数初版：左右匀速移动目标距离 二、动画函数升级：左右缓动效果移动目标距离 三、如何获取获取任意一个元素的任意一个样式属性的值 四、动画函数升级：增加一个任意的属性 五、动画函数升级：增加多个任意的属性 六、动画函数升级：增加回调函数 七、动画函数升级最终版：增加层级和透明度
阅读全文
摘要：一、offset系列属性 二、scroll系列属性 获取和封装 获取和封装 案例：固定导航栏案例 案例：固定导航栏案例 三、client系列属性
阅读全文
摘要：一、定时器setInterval 常用的，反复循环的 二、定时器setTimeout 一次性的 三、案例
阅读全文
摘要：一、BOM 浏览器的顶级对象是window>页面的顶级对象document 页面中的所有内容都是属于浏览器的,页面中的内容也是window的 window的一个特殊属性是window.name window等于top 二、系统对话框 三、页面加载事件 四、location对象 五、history对象
阅读全文
摘要：一、一个元素绑定多个事件，前面的被后面的覆盖 二、为同一个元素绑定多个事件的方法 addEventListener( "不带on事件类型", 事件处理函数 , false) 谷歌和火狐支持,IE8不支持 addEventListener( "不带on事件类型", 事件处理函数 , false) 谷歌
阅读全文
摘要：一、元素创建的三种方式 元素创建是为了提高用户的体验 1、第一种 缺陷：页面加载完毕时后，通过这种方式创建的元素会覆盖原有页面的所有内容 扩展：document.write可以嵌入外部的代码（百度新闻代码为例） 2、第二种 案例1：点击按钮创建图片 案例2：点击按钮创建列表 3、第三种 步骤：创建
阅读全文
摘要：一、节点的属性 节点值页面中的所有内容，包括标签、属性、文本 nodeType，节点类型：如果是标签，则是1；如果是属性。则是2；如果是文本，则是3 nodeName，节点名字：如果是标签，则是大写的标签，如果是属性，则是小写的属性；如果是文本，则是#text nodeValue，节点的值：如果是标
阅读全文
摘要：一、API和WebAPI API就是接口，就是通道，负责一个程序和其他软件的沟通，本质是预先定义的函数。 Web API是网络应用程序接口。包含了广泛的功能，网络应用通过API接口，可以实现存储服务、消息服务、计算服务等能力，利用这些能力可以进行开发出强大功能的web应用。 二、DOM对象 通过DO
阅读全文
摘要：1、DOM文档对象模型:操作页面元素(标签) html文件看成一个文档，把文档看成一个对象 xml也是一种文档，标签自定义，系统不自带标签，偏向于存储数据 2、DOM树：由文档及文档中的所以元素（标签）组成的一个树形结构图，叫树状图，也叫DOM树 元素（element）：页面中的每个标签都是一个元素
阅读全文
摘要：一、内置对象 js中三种对象：内置对象、自定义对象、浏览器对象 实例对象是指通过构造函数创建出来，然后实例化的对象（new关键字） 静态对象是指不需要创建，直接调用的对象，可以在整个JS里调用的公共对象。有点类似于全局变量 二、Math Math属性 console.log(Math.PI);//3
阅读全文
摘要：一、面向对象 面向过程：凡事亲力亲为，每件事的具体过程都要知道，注重过程 面向对象：根据需求寻找对象，所有的事都用对象来做，注重结果 面向对象特性：封装、继承、多态（抽象性） js是一门基于对象的语言：js不是面向对象的语言，但是可以模拟面向对象的思想 对象是定义：有特征和行为，具体特指某一事物 二
阅读全文
摘要：一、概念： JS是一款运行在客户端的网页编程语言。（脚本语言、解释型语言、动态语言、基于对象的语言） 二、组成部分 ★ECMAScript js标准 ★DOM(文档对象模型) 通过js操作网页元素 ★BOM （浏览器对象模型） 通过api操作浏览器 三、特点 ★简单易用 ★解释执行:与其他语言不同：
阅读全文
摘要：一、what 变量就是用来存储数据的容器 二、how 通过var 关键字定义一个变量 通过var 关键字定义一个变量 变量的赋值：通过赋值运算符“=” 给变量赋值。 变量的赋值：通过赋值运算符“=” 给变量赋值。 注意： 1.如果想要比较两个变量是否相同，不能使用“=”进行比较。 2.变量声明（有v
阅读全文
浙公网安备 33010602011771号