JavaScript基础语法【dom|bom|es6新语法|jQuery|数据可视化echarts】

• 第1章 计算机基础
• 1-1计算机基础导读
• 1-2编程语言
• 1-3计算机基础
• 第2章 JavaScript导读
• 2-1JavaScript导读
• 2-2初识JavaScript
• 2-3浏览器执行js过程
• 2-4js三部分组成
• 2-5js三种书写位置
• 第3章 注释与变量
• 3-1注释
• 3-2输入输出语句
• 3-3变量导读
• 3-4什么是变量
• 3-5变量的使用
• 3-6变量案例
• 3-7变量案例弹出用户名
• 3-8变量语法扩展
• 3-9变量的命名规范
• 3-10变换2个变量的值
• 3-11变量小结
• 第4章 数据类型
• 4-1数据类型导读
• 4-2数据类型简介
• 4-3数字型Number
• 4-4isNaN
• 4-5字符串型String
• 4-6弹出网页警示框
• 4-7字符串长度以及拼接
• 4-8字符串拼接加强
• 4-9显示年龄案例
• 4-10boolean以及undefined和null
• 4-11typeof检测变量数据类型
• 4-12字面量
• 4-13转换为字符串类型
• 4-14转换为数字型parseInt和parseFloat
• 4-15转换为数字型Number和隐式转换
• 4-16计算年龄案例
• 4-17简单加法器案例
• 4-18转换为布尔型
• 4-19拓展阅读之编译和解释语言的区别
• 4-20拓展阅读之标识符关键字保留字
• 4-21课后作业
• 第5章 运算符
• 5-1运算符导读
• 5-2算术运算符
• 5-3表达式和返回值
• 5-4前置递增运算符
• 5-5后置递增运算符
• 5-6递增运算符练习
• 5-7前置递增和后置递增小结
• 5-8比较运算符
• 5-9逻辑运算符
• 5-10逻辑运算符练习
• 5-11逻辑中断、逻辑与
• 5-12逻辑中断、逻辑或
• 5-13赋值运算符
• 5-14运算符优先级
• 第6章 流程控制
• 6-1流程控制分支结构导读
• 6-2流程控制
• 6-3if分支语句
• 6-4进入网吧案例
• 6-5ifelse双分支语句
• 6-6判断闰年案例
• 6-7if else if多分支语句
• 6-8判断成绩案例
• 6-9三元表达式
• 6-10数字补0案例
• 6-11switch语句
• 6-12switch注意事项
• 6-13查询水果案例
• 6-14switch和ifelseif区别
• 第7章 循环
• 7-1循环导读
• 7-2循环的目的
• 7-3for循环语法结构
• 7-4for循环执行过程
• 7-5断电调试
• 7-6for循环重复执行相同代码
• 7-7for循环重复执行不同代码
• 7-8for循环重复某些操作
• 7-9for循环案例
• 7-10求学生成绩案例（上）
• 7-11求学生成绩案例（下）
• 7-12一行打印五颗星星
• 7-13双重for循环执行过程
• 7-14打印5行5列的星星
• 7-15打印n行n列的星星
• 7-16打印倒三角形案例
• 7-17九九乘法表
• 7-18for循环小结
• 7-19while循环
• 7-20while案例
• 7-21do while循环
• 7-22do while案例
• 7-23循环小结
• 7-24continue关键字
• 7-25break关键字
• 7-26命名规范以及语法格式
• 7-27循环作业
• 第8章 数组
• 8-1数组导读
• 8-2什么是数组以及创建方式
• 8-3访问数组元素
• 8-4遍历数组
• 8-5数组长度
• 8-6计算数组的和以及平均值
• 8-7求数组中的最大值
• 8-8数组转换为字符串
• 8-9数组新增元素
• 8-10数组存放1~10个值
• 8-11筛选数组方法
• 8-12筛选数组方法2
• 8-13删除数组指定元素（数组去重）
• 8-14翻转数组
• 8-15复习交换两个变量值
• 8-16冒泡排序原理
• 8-17冒泡排序
• 第9章 函数
• 9-1函数导读
• 9-2为什么需要函数
• 9-3函数的使用
• 9-4利用函数求1~100累加和
• 9-5函数的参数
• 9-6利用函数求任意两个数的和以及累加和
• 9-7函数形参和实参匹配问题
• 9-8函数的返回值
• 9-9利用函数求两个数的最大值
• 9-10利用函数求数组中的最大值
• 9-11return终止函数并且只能返回一个值
• 9-12函数返回值2个注意事项
• 9-13通过榨汁机看透函数
• 9-14arguments的使用
• 9-15利用函数求任意个数的最大值
• 9-16利用函数翻转数组
• 9-17函数封装冒泡排序
• 9-18利用函数判断闰年
• 9-19函数可以调用另外一个函数
• 9-20输出2月份天数
• 9-21函数的两种声明方式
• 9-22作用域导读
• 9-23javascript作用域
• 9-24全局变量和局部变量
• 9-25javascript没有块级作用域
• 9-26作用域链
• 9-27作用域链案例
• 第10章 预解析
• 10-1javascript预解析导读
• 10-2预解析
• 10-3预解析案例
• 第11章 对象
• 11-1对象导读
• 11-2什么是对象以及为什么需要对象
• 11-3利用对象字面量创建对象
• 11-4变量属性函数方法的区别
• 11-5利用new Object创建对象
• 11-6我们为什么需要构造函数
• 11-7构造函数创建对象（上）
• 11-8构造函数创建对象（下）
• 11-9构造函数和对象区别
• 11-10new关键字执行过程
• 11-11遍历对象
• 11-12小结和作业
• 第12章 内置对象
• 12-1内置对象导读
• 12-2什么是内置对象
• 12-3学会查询MDN文档
• 12-4数学对象Math最大值方法
• 12-5猜数字游戏
• 12-6Date日期对象的使用
• 12-7格式化日期年月日星期
• 12-8格式化日期时分秒
• 12-9Date总的毫秒数（时间戳）
• 12-10倒计时（上）
• 12-11倒计时（下）
• 12-12数组创建的两种方式
• 12-13检测是否为数组的两种方式
• 12-14添加数组元素
• 12-15删除数组元素
• 12-16筛选数组
• 12-17数组排序
• 12-18获取数组元素索引
• 12-19数组去重案例
• 12-20数组转换为字符串
• 12-21基本包装类型
• 12-22字符串不可变
• 12-23根据字符返回位置
• 12-24求某个字符出现的位置以及次数
• 12-25根据位置返回字符
• 12-26统计出现次数最多的字符（上）
• 12-27统计出现次数最多的字符（下）
• 12-28拼接以及截取字符串
• 12-29替换字符串以及转换为数组
• 12-30简单数据类型和复杂数据类型导读
• 12-31数据类型内存分配
• 12-32简单数据类型传参
• 12-33复杂数据类型传参
• 第13章 web apis
• 13-1web apis简介导读
• 13-2js基础和web apis两个阶段的关联性
• 13-3api和web apis
• 第14章 DOM
• 14-1DOM导读
• 14-2DOM简介
• 14-3getElementByid获取元素
• 14-4getElementsByTagName获取某类标签元素
• 14-5H5新增获取元素方式
• 14-6获取body和html元素
• 14-7事件三要素
• 14-8执行事件过程
• 14-9操作元素修改元素内容
• 14-10innerText和innerHTML的区别
• 14-11操作元素-修改元素属性
• 14-12分时问候案例
• 14-13操作元素-修改表单属性
• 14-14仿京东显示隐藏密码明文案例（上）
• 14-15仿京东显示隐藏密码明文案例（下）
• 14-16操作元素-修改样式属性
• 14-17仿淘宝关闭二维码案例
• 14-18循环精灵图
• 14-19显示隐藏文本框内容
• 14-20使用className修改样式属性
• 14-21密码框验证信息
• 14-22操作元素总结以及作业
• 第15章 换肤、变色效果
• 15-1排他思想（算法）
• 15-2百度换肤效果
• 15-3表格隔行变色效果
• 15-4表单全选取消全选（上）
• 15-5表单全选取消全选（下）
• 15-6获取自定义属性值
• 15-7设置移除自定义属性
• 15-8tab栏切换布局分析（重要）
• 15-9tab栏切换制作（上）
• 15-10tab栏切换制作（下）
• 15-11H5自定义属性
• 第16章 节点操作
• 16-1为什么学习节点操作以及节点简介
• 16-2节点操作之父节点
• 16-3子节点
• 16-4第一个子元素和最后一个子元素
• 16-5新浪下拉菜单
• 16-6节点操作之兄弟节点
• 16-7节点操作之创建和添加节点
• 16-8简单版发布留言案例
• 16-9节点操作-删除节点
• 16-10删除留言案例
• 16-11节点操作-复制节点
• 16-12动态生成表格-创建学生数据
• 16-13动态生成表格-创建行
• 16-14动态生成表格-创建单元格
• 16-15动态生成表格-单元格填充数据
• 16-16动态生成表格-创建删除单元格
• 16-17动态生成表格-添加删除操作
• 16-18document.write创建元素（了解）
• 16-19innerHTML和creatElement效率对比
• 第17章 事件
• 17-1DOM重点核心
• 17-2事件高级导读
• 17-3注册事件两种方式
• 17-4attachEvent注册事件
• 17-5删除事件
• 17-6DOM事件流理论
• 17-7DOM事件流代码验证
• 17-8什么是事件对象
• 17-9e.target和this区别
• 17-10阻止默认行为
• 17-11阻止事件冒泡
• 17-12事件委托
• 17-13禁止选中文字和禁止右键菜单
• 17-14获得鼠标在页面中的坐标
• 17-15跟随鼠标的天使
• 17-16常用的键盘事件
• 17-17keyCode判断用户按下哪个键
• 17-18模拟京东按键输入内容案例
• 17-19模拟京东快递单号查询（上）
• 17-20模拟京东快递单号查询（下）
• 第18章 BOM
• 18-1BOM导读
• 18-2BOM概述
• 18-3页面加载事件
• 18-4调整窗口大小事件
• 18-5定时器之setTimeout
• 18-6回调函数以及5秒之后自动关闭的广告
• 18-7清除定时器
• 18-8定时器之setInterval
• 18-9倒计时效果
• 18-10清除定时器
• 18-11发送短信案例
• 18-12this指向问题
• 第19章 js同步和异步
• 19-1同步和异步
• 19-2同步任务和异步任务执行过程
• 19-3js执行机制
• 19-4location对象常见属性
• 19-55秒钟之后跳转页面
• 19-6获取URL参数
• 19-7location常见方法
• 19-8navigator对象
• 19-9history对象
• 19-10pc端网页特效导读
• 第20章 获取鼠标坐标
• 20-1offserLeft和offsetTop获取元素偏移
• 20-2offsetWidth和offsetHeight获取元素大小
• 20-3offset与style区别
• 20-4获取鼠标在盒子内的坐标
• 第21章 拖动模态框
• 21-1拖动模态框（上）
• 21-2拖动模态框（中）
• 21-3拖动模态框（下）
• 第22章 仿京东放大镜效果
• 22-1仿京东放大镜效果页面结构搭建
• 22-2仿京东放大镜效果显示隐藏挡层和大盒子
• 22-3仿京东放大镜效果遮挡层跟随鼠标
• 22-4仿京东放大镜效果限制遮挡层移动范围
• 22-5仿京东放大镜效果大图片移动
• 第23章 仿淘宝效果
• 23-1client系列
• 23-2立即执行函数
• 23-3淘宝flexiJS源码分析之核心原理
• 23-4淘宝flexibleJS源码分析之pagesshow事件
• 23-5scroll系列
• 23-6仿淘宝固定侧边栏（上）
• 23-7仿淘宝固定侧边栏（下）
• 23-8三大系列总结
• 第24章 缓动动画
• 24-1mouseover和mouseenter区别
• 24-2动画原理
• 24-3简单动画函数封装
• 24-4动画函数给不同元素记录不同定时器
• 24-5缓动动画原理
• 24-6缓动动画基本代码实现
• 24-7缓动动画多个目标值之间移动
• 24-8缓动动画添加回调函数
• 24-9动画函数的使用
• 第25章 网页轮播图
• 25-1网页轮播图结构搭建
• 25-2网页轮播图-鼠标经过显示隐藏左右按钮
• 25-3网页轮播图-动态生成小圆圈
• 25-4网页轮播图-小圆圈排他思想
• 25-5网页轮播图-点击小圆圈滚动图片
• 25-6网页轮播图-右侧按钮无缝滚动
• 25-7网页轮播图-克隆第一张图片
• 25-8网页轮播图小圆圈跟随右侧按钮一起变化
• 25-9网页轮播图-两个小BUG解决方案
• 25-10网页轮播图-左侧按钮功能制作
• 25-11网页轮播图-自动播放功能
• 第26章 移动端网页特效
• 26-1节流阀以及逻辑中断应用
• 26-2带有动画的返回顶部
• 26-3筋斗云案例
• 26-4移动端网页特效导读
• 26-5移动端touch触摸事件
• 26-6移动端TouchEvent触摸事件对象
• 26-7移动端拖动元素
• 26-8移动端轮播图-结构搭建
• 26-9移动端轮播图-布局分析
• 26-10移动端轮播图-滚动图片
• 26-11移动端轮播图-无缝滚动
• 26-12classList类名操作
• 26-13移动端轮播图-小圆点跟随变化
• 26-14移动端轮播图-手指拖动轮播图
• 26-15移动端轮播图-手指滑动播放上一张下一张图片
• 26-16移动端轮播图-回弹效果
• 26-17返回顶部模块制作
• 26-18移动端click事件300ms延时问题解决方案
• 26-19faskclick插件使用
• 26-20swiper插件使用-引用相关文件
• 26-21移动端轮播图-按照语法规范使用
• 26-22swiper插件使用-参数更改
• 26-23移动端其他插件以及使用总结
• 26-24视频插件zy.media.js的使用
• 26-25bootstrap轮播图
• 26-26阿里百秀轮播图制作
• 第27章 本地存储
• 27-1本地存储导读
• 27-2本地存储之sessionStorage
• 27-3本地存储之localStroge
• 27-4记住用户名案例
• 第28章 jQuery
• 28-1jQuery入门导读
• 28-2JavaScript库
• 28-3jQuery概述
• 28-4jQuery基本使用-入口函数
• 28-5jQuery顶级对象
• 第29章 DOM对象|jQuery对象
• 29-1DOM对象和jQuery对象
• 29-2DOM对象和jQuery对象相互转换
• 第30章 jQuery基础
• 30-1jQuery常用API导读
• 30-2jQuery基本和层级选择器
• 30-3jQuery隐式迭代
• 30-4jQuery筛选选择器
• 30-5jQuery筛选方法-选择父子元素
• 30-6新浪下拉菜单
• 30-7jQuery其他筛选方法
• 30-8jQuery排他思想
• 30-9淘宝服饰精品案例
• 30-10jQuery链式编程
• 30-11jQuery修改样式css方法
• 30-12jQuery修改样式操作类
• 30-13tab栏切换案例
• 30-14jQuery类操作和className区别
• 30-15jQuery显示与隐藏效果
• 30-16jQuery滑动效果以及事件切换
• 30-17jQuery停止动画排队
• 30-18jQuery淡入淡出以及突出显示案例
• 30-19jQuery自定义动画animate方法
• 30-20王者荣耀手风琴案例布局分析
• 30-21王者荣耀手风琴案例制作
• 第31章 购物车
• 31-1jQuery属性操作
• 31-2购物车模块-全选（上）
• 31-3购物车模块-全选（下）
• 31-4jQuery内容文本值
• 31-5购物车模块-增减商品数量
• 31-6购物车模块-修改商品小计（上）
• 31-7购物车模块-修改商品小计（中）
• 31-8购物车模块-修改商品小计（下）
• 31-9jQuery遍历对象each方法
• 31-10jQuery遍历数据
• 31-11购物车模块-计算总计数和总额
• 31-12创建、添加、删除元素
• 31-13购物车模块-清理购物车
• 31-14购物车模块-选中商品添加背景颜色
• 31-15jQuery尺寸方法
• 31-16jQuery位置方法
• 31-17jQuery被卷去头部方法
• 31-18带有动画的返回顶部
• 31-19电梯导航案例-显示隐藏电梯导航
• 31-20电梯导航案例-点击滚动目标位置
• 31-21电梯导航案例-点击当前li添加current类
• 31-22电梯导航案例-滑动页面电梯导航自动添加current类
• 31-23电梯导航案例节流阀（互斥锁）
• 第32章 jQuery事件
• 32-1jQuery事件导读
• 32-2事件处理on绑定一个或者多个事件
• 32-3on实现事件委派和给动态元素绑定事件
• 32-4微博发布案例
• 32-5off解绑事件
• 32-6jQuery自动触发事件
• 32-7jQuery事件对象
• 32-8jQuery其他方法导读
• 32-9jQuery对象拷贝extend（可选）正在学
• 32-10jQuery多库共存
• 32-11瀑布流插件使用
• 32-12图片懒加载技术
• 32-13全屏滚动插件使用（可选）
• 第33章 BootStrap组件
• 33-1bootstrap组件
• 33-2bootstrapJS插件
• 33-3阿里百秀
• 33-4totolist布局功能需求分析
• 33-5todilist核心思路以及本地存储格式
• 33-6todolist按下回车读取本地存储数据
• 33-7todolist按下回车保存最新数据到本地存储
• 33-8todolist本地存储数据渲染加载到页面中
• 33-9todolist点击删除按钮获取当前索引号
• 33-10todolist点击删除按钮完成删除操作
• 33-11点击复选框修改相应数据done属性
• 33-12todolist正在进行和已经完成事项制作
• 33-13todolist统计正在进行和已经完成事项个数
• 33-14录制视频作用介绍
• 33-15点位区域布局样式
• 33-16地图区域布局样式
• 33-17用户区域布局样式
• 33-18订单区域布局样式
• 33-19销售区域布局样式
• 33-20渠道与季度布局样式
• 33-21排行区域布局样式-参考
• 33-22数据可视化项目导读
• 33-23什么数据可视化
• 33-24数据可视化项目概述
• 第34章 ECharts
• 34-1ECharts简介
• 34-2ECharts基本使用
• 34-3选择不同类型图表
• 34-4ECharts项目配置（上）
• 34-5ECharts-grid配置
• 34-6ECharts相关配置（中）
• 34-7ECharts项目配置（下）
• 34-8折现图生成以及配置项总结
• 34-9数据可视化项目适配方案分析
• 34-10数据可视化项目适配方案
• 34-11项目准备以及按照自动刷新浏览器插件
• 34-12可视化项目-body和viewport制作
• 34-13可视化项目column列容器
• 34-14边框图片使用场景以及切割原理
• 34-15边框图片使用语法
• 34-16公共面板样式制作（上）
• 34-17公共面板样式制作（下）
• 34-18通过类名调用字体图标
• 34-19数据可视化项目-概览区域模块制作
• 34-20数据可视化项目-监控区域布局分析
• 34-21数据可视化项目-监控区域tab栏切换分析
• 34-22数据可视化项目-监控区域无缝滚动
• 34-23点位分布point模块-布局
• 34-24点位分布point-引入图表
• 34-25ECharts饼形图-tooltip参数含义
• 34-26ECharts饼形图-series参数含义
• 34-27定位分布模块-定制配置（上）
• 34-28定位分布模块-定制配置（下）