随笔分类 - JavaScript
摘要：学习 构造函数和原型 继承 ES5中新增方法 1.概述 在典型的OOP的语言中（如Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS中并没有引入类的概念。 ES6，全程ECMAScript6.0 , 2015.06发版。但是目前浏览器的Javascript是ES5版
阅读全文
摘要：上面是我的代码 下面是我模仿的实例，可以自己加css变漂亮 面向对象--tab栏切换 功能需求： 1. 点击tab栏，可以切换效果。 2. 点击+号， 可以添加tab项和内容项目 3. 点击x号，可以删除当前的tab项和内容项 4. 双击tab项文字或者内容项文字，可以修改里面的文字内容。 抽取对象
阅读全文
摘要：1.ES6中的类和对象 面向对象更贴近我们的实际生活，可以使用面向对象描述现实世界事物，但是事物分为具体的事物和抽象的事物手机，抽象的（泛指的）具体的（特指的） 面向对象的思维特点： 1.抽取（抽象）对象共用的属性和行为组织（封装）成一个类（模板） 2.对类进行实例化，获取类的对象 2.对象 现实生
阅读全文
摘要：目录： 1.mouseenter鼠标事件 2.动画函数封装 3.缓动动画 1.mouseenter鼠标事件 当鼠标移动到元素上时就会触发mouseenter事件 类似mouseover，它们两者之间的区别是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发（冒泡）。mouseenter,
阅读全文
摘要：学习 常见的offset系列属性的作用 常见client系列属性的作用 常见的scroll系列的属性 能够封装简单动画函数 1. offset概述 系列 offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得
阅读全文
摘要：学习内容： 什么是BOM 浏览器的顶级对象window 页面加载事件以及注意事项 写出定时器函数和说出区别 知道JS执行机制 location对象涉及的属性 使用history提供的方法实现页面刷新 1.1DOM概述 DOM（Browser Object Model）即浏览器对象模型，它提供了独立于
阅读全文
摘要：学习 元素注册的两种方式 删除事件的两种方式 DOM事件流的三个阶段 利用事件对象完成跟随鼠标案例 封装阻止冒泡的兼容性函数 事件委托的原理 常用的鼠标和键盘事件 1.注册事件（绑定事件） 给元素添加事件，称为注册事件或者绑定事件。 注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式 利用
阅读全文
摘要：案例分析 1.因为里面的学生数据都是动态的,我们需要js动态生成，所有我们模拟数据，自己定义好数据，数据我们采取对象形式存储。 所有数据放在tbody里面行里面 创建行 创建单元格 单元格填充数据 创建删除 三种动态创建元素区别 document.write() element.innerHTML
阅读全文
摘要：目录： 1.为什么学习节点操作 2.节点操作之父节点 3. 节点操作之子节点 4.子节点--获取第一个和最后一个 5.新浪的下拉菜单--案例 6.兄弟节点 7.创建节点--添加节点 1.为什么学习节点操作 获取元素通常使用两种方式 1. 利用DOM提供的方法获取元素 document.getElem
阅读全文
摘要：当鼠标点击上面相应得选项卡(tab)，下面内容跟随变化 先把所有item隐藏，再把第一个item显示出来 1.Tab栏切换有2个大模块 2.上的模块选项卡，点击某一个，当前这一个底色会是红色，其余不变（排他思想）修改类名的方式 第二步，让剩下的内容显示出来 规律：下面的模块显示内容和上面的选项卡一一
阅读全文
摘要：目录 1.排他思想 2.表格隔行变色（新浪财经网案例） 3.表单全选取消案例 4.获取自定义属性 5.设置移除自定义属性 1.排他思想 如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想的算法： 1.所有元素全部清除样式（干掉其他人） 2.给当前元素设置样式（留下我自己） 3.
阅读全文
摘要：1.事件概述 JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为。 简单理解：触发 响应机制。 网页中的每个元素都可以产生某些可以触发JavaScript的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。 任何一个元素都可以添加事件
阅读全文
摘要：什么是DOM 怎么获取页面元素 如何给元素注册事件 操作DOM元素的属性 创建元素 操作DOM节点 1. 什么是DOM 文档对象模型(Document Object Model,简称DOM)，是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。 W3C已经定义了一系列的DOM接
阅读全文
摘要：Web APIs阶段与Javascript语法阶段d呃关联性 什么是API 什么是Web API JS基础阶段 ECMAScript标准的基本语法 掌握JS基础 Web APIs阶段 Web APIs 是w3c组织的标准 Web APIs学习DOM和BOM Web APIs 是JS所独有的部分 只要
阅读全文
摘要：一. 两大编程思想 *面向过程 *面向对象 1.面向过程编程 POP （Process-oriented programming） 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用九可以了。 举个例子：将大象装进冰箱，面向过程做法。 面先过程，
阅读全文
摘要：简单数据类型的内存分配 复杂数据类型的内存分配 简单类型如何传参 复杂类型如何传参 1. 数据类型内存分配 简单类型又叫做基本数据类型或者值类型，复杂类型又叫引用类型。 值类型：简单的数据类型/基本的数据类型，在存储时变量中存储的是值本身，因此叫做值类型 String，number，Boolean，
阅读全文
摘要：什么是内置对象 根据文档查询指定API的使用方法 使用Math对象的常用方法 使用Data对象的常用方法 使用Array对象的常用方法 使用String对象的常用方法 1. 什么是内置对象 JavaScript中的对象分为3种：自定义对象、内置对象、浏览器对象 前面的两种对象是JS基础内容，属于EC
阅读全文
摘要：为什么需要对象 使用字面量创建对象 使用构造函数创建对象 说出new的执行过程 遍历对象 1.什么是对象？ 现实生活：万物皆对象，对象是一个具体的事物，看得见摸得着的食物。例如，一本书，一辆汽车、一个人可以是“对象”，一个数据库、 一张网页、一个远程服务器的连接也可以是“对象”。 在JavaScri
阅读全文
摘要：1.arguments的使用 当我们不确定有多少个参数的传递的时候，可以用arguments来获取。在JavaScript中，arguments实际上它是当前函数 的一个内置对象。所有函数都内置了一个arguments对象，arguments对象中储存了传递的所有实参。 arguments展示形式是
阅读全文
摘要：为什么需要函数 根据语法书写函数 根据需求封装函数 形参和实参的传递过程 使用函数的返回值 使用arguments获取函数的参数 1. 函数的概念 在JS里面，可能会定义非常多的相同代码或者相识的功能，这些代码可能需要大量重复使用。 虽然for循环也能实现一些简单的重复操作。但是比较有局限性，此时我
阅读全文
