JavaScript

JavaScript资深全栈 WEB工程师进阶课程

查看章节 全部展开 共4个阶段,24 章节,706 小节知识点。

JavaScript入门基础

1

第一章:JS入门 - 原理分析、语法规则、自定义属性操作、if、this、for
1.1 - 网页特效原理分析
1.2 - 编写JS的流程
1.3 - 第一个JS特效实例
1.3.1 - getElementById
1.3.2 - 事件类型:鼠标、键盘、窗口、表单、自定义……
1.3.3 - 函数:定义、调用
1.3.4 - 声明变量、变量定义方式
1.3.5 - 变量命名规则
1.3.6 - 关键字、保留字
1.3.7 - window是什么、onload事件
1.3.8 - 匿名函数、用法、区别
1.4 - JS中的属性操作
1.4.1 - 属性操作语法
1.4.2 - 属性读操作:获取
1.4.3 - 属性写操作:修改、添加
1.4.4 - 常用属性:innerHTML
1.4.5 - 属性操作中的:[]
1.5 - if 判断
1.5.1 - if 判断基本形式
1.5.2 - if 判断其他形式:else、else if
1.6 - 图片切换综合实例
1.6.1 - 数组:长度length和[]
1.6.2 - 综合实例
1.7 - 元素获取的其他方法
1.7.1 - getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll
1.7.2 - 获取一组元素、必须加[]
1.7.3 - 与getElementById方法的区别
1.8 - for循环
1.8.1 - for循环执行顺序
1.8.2 - 遍历多个元素
1.8.3 - 生成多个元素
1.8.4 - for循环嵌套
1.9 - 关键字:this
1.9.1 - this是什么
1.9.2 - 函数套函数中的this指向
1.9.3 - this运用
1.10 - 自定义属性
1.10.1 - 什么是自定义属性
1.10.2 - 添加索引值
1.10.3 - 选项卡实例
本章节案例&练习:
>> 模拟单选
>> 点击生成V形并变换四个方向(提高版)
>> 图片切换综合应用
>> 控制多组图片
>> 好友列表练习
>> 模拟手机短信发送
>> 百度文库评分
>> 百度音乐全选
>> 京东幻灯片

2

第二章:ECMAScript 5.1、数据类型、函数传参、作用域、运算符、流程控制
2.1 - JS语言核心:ECMAScript
2.1.1 - 定义JS的语法、基本对象、数据类型…
2.1.2 - JS的数据类型
2.1.3 - 数据类型转换
2.1.4 - 强制类型转换
2.1.5 - 隐式类型转换
2.2 - 运算符
2.2.1 - 算术:+ 加、- 减、* 乘、/ 除、% 取模(求余数)
2.2.2 - 赋值:=、+=、-=、*=、/=、%=
2.2.3 - 关系:<、>、<=、>=、==、!=、===、!==
2.2.4 - 逻辑:&& 与、|| 或、! 否
2.2.5 - 运算符优先级:括号
2.3 - 函数传参
2.3.1 - 函数括号()的作用
2.3.2 - 函数传参实例
2.4 - JS作用域
2.4.1 - 作用域概念
2.4.2 - JS解析器执行方式
2.4.3 - 作用域应用场景
2.5 - 程序流程控制
2.5.1 - 判断:if、switch(case break default)、?:
2.5.2 - 循环:while、for
2.5.3 - 跳出:break、continue
2.5.4 - 什么是真、什么是假
本章节案例&练习:
>> 修改文本框的值
>> 商品累计
>> 验证QQ号码
>> 找数据

3

第三章:定时器和日期对象、setInterval、setTimeout、MTween、new Date
3.1-定时器
3.1.1 - setInterval 间隔型定时器
3.1.2 - setTimeout 延迟型定时器
3.1.3 - 定时器的应用
3.2 - 清除定时器
3.2.1 - clearInterval() --- 清除间隔型定时器
3.2.2 - clearTimeout() --- 清除延迟型定时器
3.2.3 - 定时器的编号存储
3.2.4 - 定时器的重复开启管理
3.3 - MTween 运动框架(基础版)
3.3.1 - tween运动算法
3.3.2 - tween的参数和返回值
3.3.3 - 获取元素计算后样式
3.3.4 - 添加透明度
3.3.5 - 回调函数
3.4 - 日期对象
3.4.1 - new Date()对象
3.4.2 - getFullYear()
3.4.3 - getMonth()
3.4.4 - getDate()
3.4.5 - getDay()
3.4.6 - getHours()
3.4.7 - getMinutes()
3.4.8 - getSeconds()
3.4.9 - getMilliseconds()
3.4.10 - getTime()
3.4.11 - getTime的时区差异
3.4.12 - new Date(2016,4,11,9,48,12)
3.4.13 - new Date('June 10,2016 12:12:12')
3.4.14 - new Date(new Date().getTime())
3.4.15 - setFullYear()
3.4.16 - setMonth()
3.4.17 - setDate()
3.4.18 - setHours()
3.4.19 - setMinutes()
3.4.20 - setSeconds()
3.4.21 - setMilliseconds()
3.4.22 - setTime()
本章节案例&练习:
>> 图片时钟
>> 图片轮播
>> 点击加分效果-可重复点击
>> 图片切换
>> 商品下架
>> 自动切换选项卡

4

第四章:字符串和数组、JSON、for in、Math对象
4.1 - 字符串
4.1.1 - 字符串的格式
4.1.2 - length
4.1.3 - charAt
4.1.4 - charCodeAt
4.1.5 - indexOf
4.1.6 - lastIndexOf
4.1.7 - slice
4.1.8 - split
4.1.9 - substring
4.1.10 - substring
4.1.11 - toLowerCase
4.1.12 - toUpperCase
4.1.13 - trim
4.2 - json和对象
4.2.1 - JSON(JavaScript Object Notation)
4.2.2 - JSON规则
4.2.3 - JSON用途
4.2.4 - JSON操作方法
4.2.5 - object JSON.paser(string)
4.2.6 - string JSON.stringify(object)
4.3 - 对象遍历 - for in
4.3.1 - for in的语法格式
4.3.2 - MTweenPlus - MTP
4.4 - Math对象
4.4.1 - Math.ceil
4.4.2 - Math.floor
4.4.3 - Math.round
4.4.4 - Math.abs
4.4.5 - Math.random
4.4.6 - 常用随机公式
4.5 - 数组的方法
4.5.1 - arr.length
4.5.2 - arr.push()
4.5.3 - arr.unshift()
4.5.4 - arr.pop()
4.5.5 - arr.shift()
4.5.6 - arr.forEach()
4.5.7 - arr.sort()
4.5.8 - arr.concat()
4.5.9 - arr.reverse()
4.5.10 - arr.join()
4.5.11 - arr.slice()
4.5.12 - arr.splice()
4.5.13 - 冒泡排序算法
4.5.14 - 快速排序算法
4.5.15 - 数组去重
本章节案例&练习:
>> 图片排序
>> 查找替换文字
>> 消除表情小游戏
>> 文字搬运工

JavaScript渐入佳境

5

第五章:DOM - DOM基础、DOM节点、元素的操作、表格表单操作
5.1 - DOM基础
5.1.1 - DOM概念
5.1.2 - DOM结构
5.2 - DOM节点
5.2.1 - 节点类型
5.2.2 - 常用节点类型 —— 元素节点、属性节点、文本节点、注释节点、文档节点
5.2.3 - 查看节点类型 —— node.nodeType
5.2.4 - 查看节点名称 —— node.nodeName
5.2.5 - 节点的层级关系
5.2.6 - parentNode
5.2.7 - children
5.2.8 - firstElementChild
5.2.9 - lastElementChild
5.2.10 - perviousElementSiblings
5.2.11 - nextElementSiblings
5.2.12 - offsetParent
5.2.13 - offsetLeft / offsetTop
5.2.14 - getBoundingClientRect()
5.3 - 元素的属性操作
5.3.1 - 获取属性:getAttribute
5.3.2 - 设置属性:setAttribute
5.3.3 - 删除属性:removeAttribute
5.4 - 元素的操作
5.4.1 - 创建元素:createElement
5.4.2 - 插入元素:appendChild、insertBefore
5.4.3 - 删除元素:removeChild
5.4.4 - 替换元素:replaceChild
5.4.5 - 克隆元素:cloneChild
5.5 - 操作表格/表单
5.5.1 - 表格的获取
5.5.2 - 表单的获取
5.5.3 - 表单的事件
5.5.4 - 表单的方法
本章节案例&练习:
>> 留言板
>> 创建文件夹
>> 表单表格数据操作
>> 多级菜单
>> 商品筛选
>> Tips提示
>> 上移下移
>> 招聘信息
>> 左右移动元素

6

第六章:BOM - BOM基础、常用方法、常用属性
6.1 - BOM基础概念
6.2 - 常用方法
6.2.1 - 打开窗口:open
6.2.2 - 关闭窗口:close
6.3 - 常用属性
6.3.1 - 用户代理信息:navigator.userAgent
6.3.2 - 地址栏信息:location
6.4 - 窗口尺寸
6.4.1 - 可视区尺寸
6.4.2 - 滚动距离
6.4.3 - 内容高度
6.4.4 - 文档高度
6.5 - 常用事件
6.5.1 - window.onscroll
6.5.2 - window.onresize
本章节案例&练习:
>> 遮罩层
>> 土豆网登录弹出层
>> 返回顶部

7

第七章:PC/移动端事件基础 - Event对象、事件流、事件默认行为、mTweenPlus实现
7.1 - 焦点事件
7.1.1 - onfocus
7.1.2 - onblur
7.2 - Event对象
7.2.1 - Event对象概念
7.2.2 - Event常用属性
7.2.3 - event.clientX / event.clientY
7.2.4 - event.target
7.3 - 事件流
7.3.1 - 事件流概念
7.3.2 - 事件冒泡
7.3.3 - 事件捕获
7.3.3 - 事件捕获
7.3.4 - 事件函数绑定
7.3.5 - 事件注销
7.4 - 键盘事件详解
7.4.1 - onkeydown
7.4.2 - onkeyup
7.4.3 - onkeypress
7.4.4 - keyCode
7.4.5 - ctrlKey
7.4.6 - shiftKey
7.4.7 - altKey
7.5 - 事件默认行为
7.5.1 - 事件默认行为概念
7.5.2 - 阻止事件默认行为
7.6 - 移动端事件
7.6.1 - touchstart
7.6.2 - touchmove
7.6.3 - touchend
7.6.4 - TouchEvent
7.6.5 - touches
7.6.6 - targetTouches
7.6.7 - changedTouches
本章节案例&练习:
>> 放大镜
>> 仿select
>> 事件委托
>> 多模式切换幻灯片
>> 延时菜单
>> 右键菜单
>> 键盘控制元素移动 - 游戏人物运动

8

第八章:事件应用 - 简易拖拽、碰撞检测、自定义滚动条
8.1 - 简易拖拽
8.1.1 - 简易拖拽原理
8.1.2 - 修复简易拖拽bug
8.2 - 碰撞检测
8.3 - 自定义滚动条
8.3.1 - 滚动条实现原理
8.3.2 - 鼠标滚轮事件
本章节案例&练习:
>> 鼠标改变数值
>> QQ邮箱删除
>> 自定义滚动条

JavaScript深度开发

9

第九章:正则表达式、new RegExp、子项、转义字符、量词
9.1 - 复习字符串操作
9.1.1 - indexOf 查找
9.1.2 - substring 获取子字符串
9.1.3 - charAt 获取某个字符
9.1.4 - split 分割字符串,获得数组
9.2 - 找出字符串中的所有数字
9.2.1 - 用传统字符串操作完成
9.2.2 - 用正则表达式完成 : \d
9.3 - 什么是正则表达式
9.3.1 - 规则、模式
9.3.2 - 强大的字符串匹配工具
9.4 - 正则的写法
9.4.1 - new RegExp("a")
9.4.2 - /a/
9.5 - 正则.test()
9.5.1 - 检测是否正则匹配的内容
9.5.2 - 实例:检测字符串中是否有数字字符串 - \d
9.6 - 字符串.search()
9.6.1 - 字符串搜索
9.6.2 - 实例:检测是否有指定字符出现
9.7 - 修饰符
9.7.1 - 忽略大小写 i——ignore
9.7.2 - 实例:忽略字母大小写查找指定字符
9.8 - 字符串.match()
9.8.1 - 获取匹配的项目
9.8.2 - 实例:找出所有数字
9.8.3 - 量词 : +
9.8.4 - 修饰符 : g——global
9.9 - 字符串.replace()
9.9.1 - 替换所有匹配
9.9.2 - 实例:敏感词过滤
9.9.3 - 量词 : +
9.9.4 - 修饰符 : g——global
9.10 - 子项()
9.10.1 - ()
9.10.2 - 实例:日期格式化
9.11 - 正则表达式字符类
9.11.1 - 任意字符 - [abc]
9.11.2 - 范围 - [a-z]、[0-9]
9.11.3 - 排除 - [^a]
9.11.4 - 组合 - [a-z0-9A-Z]
9.11.5 - 实例:HTML标签过滤,阻止xss跨站脚本攻击
9.12 - 转义字符
9.12.1 - \d、\w、\s 、\b、\D、\W、\S 、\B
9.12.2 - .(点)——任意字符
9.12.3 - \b、\B - 单词边界符
9.12.4 - \1...\n - 重复子项
9.12.5 - 实例:获取class元素 - getElementsByClassName()
9.12.6 - 实例:找重复项最多的字符和个数
9.13 - 量词
9.13.1 - 什么是量词
9.13.2 - {n} - 固定n次
9.13.3 - {n,m} - 最少n次,最多m次
9.13.4 - {n,} - 最少n次,最多不限
9.13.5 - * - 任意次,{0,}
9.13.6 - ? - 0次或1次,{0,1}
9.13.7 - + - 最少1次,最多不限,{1,}
9.14 - 正则首尾
9.14.1 - ^ 开始
9.14.2 - $ 结束
9.14.3 - 实例:验证QQ
9.14.4 - 实例:去掉字符串前后空格
9.15 - 常用正则实例(数据校验)
9.15.1 - 匹配中文:[\u4e00-\u9fa5]
9.15.2 - 行首行尾空格:^\s*|\s*$
9.15.3 - Email:^\w+@[a-z0-9]+(\.[a-z]+){1,3}$
9.15.4 - 网址:[a-zA-z]+://[^\s]*
9.15.5 - QQ号:[1-9][0-9]{4,9}
9.15.6 - 邮政编码:[1-9]\d{5}
9.15.7 - 身份证:[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x
9.16 - 静态对象封装正则工具
本章节案例&练习:
>> 查找字符串中数字
>> 数据校验
>> 格式化日期
>> 查找出现次数最多的

10

第十章:面向对象编程基础、构造函数、prototype原型、原型与原型链
10.1 - 面向过程与面向对象
10.1.1 - 面向过程的选项卡
10.1.2 - 面向对象的选项卡
10.2 - 面向对象编程的特点
10.2.1 - 对象的组成
10.2.2 - 对象的属性 : 状态的描述
10.2.3 - 对象的方法 : 功能的实现
10.3 - 对象的创建
10.3.1 - new Object()
10.3.2 - {}
10.3.3 - 属性和方法的添加
10.3.4 - 对象创建过程的封装
10.4 - 构造函数
10.4.1 - 运算符new的执行过程和原理分析
10.4.2 - this的使用
10.4.3 - 构造函数 - 创建并初始化对象的函数
10.4.4 - 构造函数书写规范
10.5 - prototype原型
10.5.1 - 什么是prototype
10.5.2 - prototype和__proto__
10.5.3 - 原型与原型链
10.5.4 - 通过prototype实现公有属性和方法的复用和继承
10.5.5 - prototype使用注意事项
10.6 - Mixed Constructor Function/Prototype Method
10.7 - 面向对象的选项卡分析及实现过程
10.7.1 - 特征分析
10.7.2 - 属性和方法的接口实现
10.7.3 - 接口编写原则
10.8 - 面向对象编程(OOP)总结
10.8.1 - 抽象
10.8.2 - 封装
10.8.3 - 继承
本章节案例&练习:
>> 选项卡
>> 面向对象的幻灯片

11

第十一章:面向对象深入、包装对象、toString使用、继承
11.1 - 包装对象
11.1.1 - 什么是包装对象
11.1.2 - 包装对象的作用
11.1.3 - String、Number、Boolean
11.1.4 - 字符串、数字、布尔与字符串对象、数字对象、布尔对象的区别及使用注意事项
11.2 - 对象常用操作
11.2.1 - toString()
11.2.2 - toString()的重写(overWrite)和实现过程
11.2.3 - hasOwnProperty()方法实现自有属性判断
11.2.4 - for...in/for...of的使用及特点
11.2.5 - constructor属性的使用
11.2.6 - instanceof运算符
11.3 - 继承
11.3.1 - 继承的特点
11.3.2 - 拷贝继承
11.3.3 - 类式继承
11.3.4 - 原型继承

12

第十二章:面向对象-组件开发、组件配置,extend实现、组件事件
12.1 - 组件介绍
12.1.1 - 什么是组件?
12.1.2 - 组件的特点
12.1.3 - 方法、配置、事件
12.2 - 组件方法的作用和实现
12.3 - 组件配置的作用和实现
12.3.1 - 配置的作用
12.3.2 - 配置的实现
12.3.3 - 实例配置和默认配置 - extend()
12.4 - 组件事件的作用和实现
12.4.1 - 事件的作用
12.4.2 - 基于属性的事件的实现 - 如:对象.onclick = eventHandler
12.4.3 - 基于属性的事件的弊端
12.4.4 - addEventListener事件机制的实现
12.4.5 - 事件监听器addEventListener
12.4.6 - 事件触发器trigger
12.4.7 - 事件容器
12.4.8 - 仿nodejs中EventEmitter实现事件继承

13

第十三章:jQuery3介绍-整体架构,css()、html()实现、sizzle.js、Event、动画animate
13.1 - 什么是jQuery
13.1.1 - jQuery介绍
13.1.2 - jQuery的核心理念 The Write Less,Do More(写更少,做更多)
13.1.3 - 提供强大的选择器、简洁的API、优雅的链式、便捷的操作
13.2 - jQuery 整体架构
13.2.1 - 匿名函数自执行,解决命名空间与变量污染问题
13.2.2 - 无new 实例化过程实现
13.2.3 - 共享prototype属性和方法
13.2.4 - 通过window上挂载属性方式暴露jQuery函数
13.3 - 实现自己的VQuery
13.3.1 - 分析jQuery中方法的实现
13.3.2 - length、css()、html()等方法的实现
13.3.3 - 链式调用原理分析和实现
13.4 - jQuery内置选择器库Sizzle.js
13.4.1 - Sizzle介绍
13.4.2 - 使用Sizzle.js选择元素
13.5 - $()中的参数说明
13.5.1 - $(callBack)、$(document).ready(callBack)
13.5.2 - jQuery( selector [context ] )
13.5.3 - jQuery( element )
13.5.4 - eq()、click()、css()、addClass()、index()、find() 等方法的使用
13.6 - jQ中对DOM/BOM操作
13.6.1 - 元素选择:find()、children()、parent() 等方法使用
13.6.2 - 过滤操作:filter()、has()、parents()、closest()、siblings() 等方法使用
13.6.3 - 对元素进行增删改操作: clone()、wrap()、unwrap()、remove()
13.6.4 - 元素位置与尺寸:width()、innerWidth()、outerWidth()、offset()、position()等方法
13.6.5 - 改变浏览器触发事件:resize()、scroll()等方法
13.7 - jQ中对event操作
13.7.1 - 常用事件: click()、mouseover()、mouseout、mouseenter()、mouseleave()、hover() 等事件
13.7.2 - 绑定和解除绑定的方法: on(evName,callback)、off(evName,callback)
13.7.3 - 事件委托和自定义事件: on(evName,target,callback)
13.7.4 - 事件触发器:trigger(evName)
13.7.5 - 事件对象Event:clientX/clientY、pageX/pageY、target、stopPropagation()、preventDefault()
13.8 - jQuery动画研究
13.8.1 - 动画函数: show()、hide()、toggle(),fadeIn()、fadeOut()、fadeToggle()
13.8.2 - 动画函数: slideDown()、slideUp()、slideToggle()、animate()等
13.8.3 - animate函数参数的使用:duration持续时间,easing动画形式,callback回调函数
13.8.4 - 动画链式运动、延迟运动delay(),停止动画stop()、停止并到达目标点finish()
13.9 - jQuery工具方法和静态方法分析和使用
13.9.1 - $.type()、$.isFunction()、$.isNumeric()、$.isArray()、$.isEmptyObject()、$.isPlainObject()等
13.9.2 - 对象继承拷贝:$.extend(),事件代理:$.proxy()

14

第十四章:Ajax介绍及工作原理分析、XMLHttpRequest、onload、onprogress、JSONP原理
14.1 - 什么是Ajax
14.1.1 - Asynchronous JavaScript and XML(异步JavaScript和XML)
14.1.2 - 节省用户操作,时间,提高用户体验,减少数据请求
14.1.3 - 传输获取数据
14.2 - 使用Ajax
14.2.1 - 创建对象XMLHttpRequest()
14.2.2 - open方法参数:1、提交方式 Form-method;2,提交地址 Form-action;3、异步(同步)
14.2.3 - Send方法发送数据请求,相当于Form的submit
14.2.4 - onload事件
14.2.5 - status属性:服务器(请求资源)的状态
14.2.6 - 返回的内容:responseText:返回以文本形式存放的内容,responseXML:返回XML形式的内容
14.3 - 发送请求方式(get和post的区别)
14.3.1 - get方式:把数据放在url中发送;post:数据放在send()中发送
14.3.2 - 中文编码、缓存,安全等问题
14.3.3 - POST设置请求头:setRequestHeader(类型, 内容);
14.3.4 - 设置请求头"Content-Type","application/x-www-form-urlencoded"
14.4 - 处理返回数据
14.4.1 - 文本、JSON,XML
14.4.2 - 数据解析处理:JSON.parse() : 字符串解析成对象
14.5 - 数据的异步无刷新上传与下载
14.5.1 - onprogress()监控进度
14.5.2 - Ajax子集upload使用
14.5.3 - new FormData()对象使用
14.6 - 跨域请求
14.7 - 跨域的问题和常用解决方式
14.8 - JSONP
14.8.1 - JSONP 的概念
14.8.2 - JSONP 的原理
14.8.3 - JSONP 的实际应用
14.9 - jQuery中Ajax使用
14.9.1 - $.ajax()的使用
14.9.2 - $.ajax()、$.get()、$.post()、$.getJSON()、$.getScript()、load()等方法
本章节案例&练习:
>> 动态留言本
>> jsonp-获取豆瓣接口

15

第十五章:JQuery插件、表单验证插件、$().extend(),自定义事件
15.1 -面向对象
15.1.1 - prototype
15.1.2 - 了解this指向
15.2 - jq静态插件--表单验证
15.2.1 - 正则表达式
15.2.2 - 自定义事件
15.2.3 - 参数配置
15.2.4 - 自定义验证信息
15.2.5 - 验证提示信息
15.2.6 - 验证提示方式
15.2.7 - 验证方式
15.2.8 - $.extend()扩展jq静态方法
15.3-jq动态插件--拖拽
15.3.1 - $().extend()扩展jq动态方法
15.3.2 - $(this).mousedown()
15.3.3 - $(document).mousemove()
15.3.4 - $(document).mouseup()
15.3.5 - $(document).off() 解除事件处理函数
15.3.6 - 自定义开始移动事件
15.3.7 - 自定义移动过程中事件
15.3.8 - 自定义移动结束事件
15.3.9 - 拖拽回放功能添加

16

第十六章:JavaScript兼容性、forEach、querySelector、attachEvent、stopPropagation
16.1 - javaScript基础
16.1.1 - getElementsByClassName
16.1.2 - querySelector、querySelectorAll
16.1.3 - currentStyle、getComputedStyle
16.1.4 - cssText和setAttribute
16.1.5 - trim
16.1.6 - forEach
16.2 - DOM
16.2.1 - firstChild 、firstElementChild
16.2.2 - lastChild、lastElementChild
16.2.3 - nextSibling、nextElementSibling
16.2.4 - previousSibling、previousElementSibling
16.3 - DOM与BOM
16.3.1 - innerWidth、clientWidth
16.3.2 - innerHeight、clientHeight
16.3.3 - pageXOffset、pageYOffset
16.3.4 - document.body.scrollTop、document.documentElement.scrollTop
16.3.5 - document.body.scrollLeft、document.documentElement.scrollLeft
16.3.6 - 内容高度document.body.scrollHeight
16.4 - Event对象
16.4.1 - ie,chrome:事件对象是一个全局的内置对象,event
16.4.2 - firefox:没有全局event对象
16.4.3 - 在所有的标准浏览器中,事件是通过事件函数的第一个参数传入的
16.5 - 事件侦听器
16.5.1 - addEventListener、attachEvent
16.5.2 - removeEventListener、detachEvent
16.5.3 - onmousewheel、DOMMouseScroll
16.5.4 - 滚轮属性 wheelDelta、detail
16.5.5 - attachEvent:return false、event.preventDefault()
16.5.6 - event.cancelBubble=true、event.stopPropagation()
16.6 - Ajax
16.6.1 - XMLHttpRequest、ActiveXObject('Microsoft.XMLHTTP')
16.6.2 - onreadystatechange、onload

JavaScript全栈进阶

17

第十七章:Git 及 GitHub 使用
17.1 - git安装
17.2 - git连接
17.3 - github SSH
17.4 - git的基本使用
17.5 - git clone
17.6 - git add
17.7 - git commit-m
17.8 - git push origin
17.9 - git pull
17.10 - GitHub 免费的远程仓库
17.11 - 使用 GitHub 搭建静态博客

18

第十八章:ECMAScript 6与编译工具
18.1 - let和const命
18.2 - 变量的解构赋值
18.3 - 字符串/正则/数字/数组/函数/对象的扩展
18.4 - Symbol、Proxy和Reflect
18.5 - 二进制数组
18.6 - Set和Map数据结构
18.7 - Iterator和for...of循环
17.8 - Generator函数
18.9 - Promise对象
18.10 - 异步操作和Async函数
18.11 - Class
18.12 - Decorator
18.13 - Module

19

第十九章:zepto.js 与 miaov.touch.js、touch事件、swipe事件
19.1 - touch事件
19.1.1 - touchstart
19.1.2 - touchmove
19.1.3 - touchend
19.2 - swipe事件
19.2.1 - tap点击事件
19.2.2 - swipeLeft
19.2.3 - swipeRight
19.2.4 - swipeUp
19.2.5 - swipeDown
19.3 - MScroll对象
19.3.1 - MScroll--inti
19.3.2 - MScroll--onscrollstart
19.3.3 - MScroll--onscroll
19.3.4 - MScroll--onscrollend
19.3.5 - MScroll下拉加载
19.3.6 - MScroll瀑布流加载
19.4 - swipe事件
19.4.1 - tap点击事件
19.4.2 - swipeLeft
19.4.3 - swipeRight
19.4.4 - swipeUp
19.4.5 - swipeDown
19.5 - gesTrue函数
19.5.1 - gesTrue中的rotate,scale
19.5.2 - 双指操作图片的旋转和缩放
19.6 - setGravity重力感应
19.6.1 - setDravity中的重力加速度
19.6.2 - 飞机大战
19.7 - gravityShake 摇一摇

20

第十九章:nodeJS介绍及使用、环境搭建、全局模块、文件模块、文件夹模块、CommonJS规范
19.1 - node环境搭建
19.1.1 - Windows
19.1.2 - Mac
19.1.3 - Linux
19.2 - node模块使用
19.2.1 - commonJS规范
19.2.2 - 内置模块
19.2.3 - 第三方模块
19.2.4 - npm - node package manager
19.2.5 - 使用http模块搭建web server
19.3 - nodejs-web开发框架介绍
19.3.1 - express
19.3.2 - sails
19.3.3 - koa
19.3.4 - express.io
19.4 - express的安装
19.4.1 - npm init配置安装
19.4.2 - package.json配置安装
19.5 - express项目初始化
19.5.1 - 项目的创建
19.5.2 - 项目的启动运行
19.6 - Routing的使用
19.6.1 - 路由方法:http method、get、post、body-parse模块
19.6.2 - route paths(路由路径):字符串路由、字符串模式路由、正则路由
19.7 - jade模板引擎
19.7.1 - 安装jade
19.7.2 - express中使用jade
19.7.3 - jade基本语法规则:Doctype、Tags、Comments、Plain Text、Attributes、Code
19.7.4 - Conditionals、Iteration、Case、Mixins、Includes、Inheritance
19.8 - mongodb数据库
19.8.1 - 安装mongodb数据库
19.8.2 - 概念解析:database 数据库、collection 数据库表/集合
19.8.3 - document 数据记录行/文档、field 数据字段/域
19.8.4 - 数据库的创建
19.8.5 - 数据库的删除
19.8.6 - 创建插入文档
19.8.7 - 更新文档
19.8.8 - 删除文档
19.8.9 - 查询文档
19.9 - MongoDB Node.JS Driver
19.9.1 - mongodb模块的安装
19.9.2 - 连接数据库
19.9.3 - 操作文档:添加、查询、修改、删除数据
19.10 - 案例 - segmentfault问答系统
19.10.1 - 问答分类: 添加、修改、删除
19.10.2 - 提问:分类的选择,问题内容的提交保存
19.10.3 - 问题列表展示:排序
19.10.4 - 问题内容查看:条件查询
19.10.5 - 回答问题的实现

21

第二十章:webpack构建工具
20.1 - webpack介绍
20.2 -webpack配置文件组织
20.3 -入口配置entry
20.3.1 -出口配置output
20.4 -模块处理module
20.5 -加载器loaders
20.6 -编译器babel
20.7 -插件plugins
20.8 -热替换
20.9 - 内存打包webpack-dev-middlewear

22

第二十一章:React15.5介绍和使用、JSX介绍、结构渲染render、组件通信props、组件状态state、生命周期lifeCycle
21.1 - react简介
21.1.1 构建UI库
21.1.2 MVC中的view层
21.1.3 虚拟DOM 单向数据流 JSX……
21.2 - 搭建react环境
21.2.1 静态文件:react.js、react-dom.js、browser.min.js
21.2.2 使用nodeJS搭建:webpack、babel、react、react-dom
21.3 - JSX介绍
21.3.1 语法扩展
21.3.2 <script type="text/babel"></script>
21.4 - 第一个案例
21.4.1 ReactDOM.render()
21.4.2 案例:使用render方法渲染结构
21.5 - 第一个组件
21.5.1 React.createClass()
21.5.2 案例:定义组件以及给组件传入数据
21.6 - 组件之间的沟通
21.6.1 props
21.6.2 语法糖
21.7 - 组件之间的嵌套
21.7.1 数组储存结构
21.7.2 map方法使用
21.7.3 案例:结构存储至数组容器
21.8 - 事件event
21.8.1 事件规则
21.8.2 事件应用
21.8.3 ref、refs使用
21.8.4 案例:结构事件的绑定
21.9 - 改变组件状态
21.9.1 getInitialState
21.9.2 state
21.9.3 setState
21.10 - 组件间的通信
21.10.1 props传递函数
21.10.2 Pub/Sub模式
21.10.3 案例:内容发布系统
21.11 - 组件生命周期
21.11.1 Mounting:已插入真实 DOM
21.11.2 Updating:正在被重新渲染
21.11.3 Unmounting:已移出真实DOM
21.11.4 componentWillMount()
21.11.5 componentDidMount()
21.11.6 componentWillUpdate()
21.11.7 componentDidUpdate()
21.11.8 componentWillUnmount()

23

第二十二章:Vue2.0实例、Vue2.0生命周期lifeCycle、模板语法、计算属性computed
22.1 - Vue实例
22.2 - Vue生命周期lifeCycle
22.3 - 模板语法
22.4 - 计算属性computed
22.5 - 条件和列表渲染
22.6 - 事件处理器
22.7 - 组件定义和使用
22.8 - 组件间的通信
22.9 - 标准组件的封装
22.10 - 自定义指令
22.11 - 单文件组件
22.12 - 脚手架vue-cli
22.13 - 路由vue-router
22.14 - vueX状态管理
22.15 - 数据请求axios
22.16 - 完美版todoList
22.17 - vue博客实战

24

第二十三章:Angular 4
23.1 - TypeScript
23.1.1 - ES5
23.1.2 - ES6
23.1.3 - MVC
23.2 - 预编译( AoT)
23.2.1 - 注解(Annotation)
23.3 - 属性型指令 (attribute directive)
23.3.1 - 封装桶 (barrel)
23.3.2 - 装饰器 (decorator | decoration)
23.3.3 - 注入器 (injector)
23.4 - 插值表达式 (interpolation)
23.5 - 即时编译 (JiT)
23.6 -生命周期钩子 (lifecycle hook)
23.7 -可观察对象 (observable)
23.8 -管道 (pipe)
23.8.1 -提供商 (provider)
23.8.2 -路由器 (router)
23.8.3 -路由器模块 (router module)
23.8.4 -路由组件 (routing component)
23.9 - 范围化包 (scoped package)
23.10 - 服务 (service)
23.11 - 模板 (template)
23.12 - 结构型指令(Structural directives)
23.13 - 模板驱动表单 (template-driven forms)
23.14 - 转译(transpile)
23.15 - 视图 (view)
23.16 - 区域 (zone)

京ICP备08102442号 2012.MIAOOV.COM 版权所有