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

计算机基础导读

编程语言

计算机基础

JavaScript导读

初识JavaScript

浏览器执行js过程

js三部分组成

js三种书写位置

注释

输入输出语句

变量导读

什么是变量

变量的使用

变量案例

变量案例弹出用户名

变量语法扩展

变量的命名规范

变换2个变量的值

变量小结

数据类型导读

数据类型简介

数字型Number

isNaN

字符串型String

弹出网页警示框

字符串长度以及拼接

字符串拼接加强

显示年龄案例

boolean以及undefined和null

typeof检测变量数据类型

字面量

转换为字符串类型

转换为数字型parseInt和parseFloat

转换为数字型Number和隐式转换

计算年龄案例

简单加法器案例

转换为布尔型

拓展阅读之编译和解释语言的区别

拓展阅读之标识符关键字保留字

课后作业

运算符导读

算术运算符

表达式和返回值

前置递增运算符

后置递增运算符

递增运算符练习

前置递增和后置递增小结

比较运算符

逻辑运算符

逻辑运算符练习

逻辑中断、逻辑与

逻辑中断、逻辑或

赋值运算符

运算符优先级

流程控制分支结构导读

流程控制

if分支语句

进入网吧案例

ifelse双分支语句

判断闰年案例

if else if多分支语句

判断成绩案例

三元表达式

数字补0案例

switch语句

switch注意事项

查询水果案例

switch和ifelseif区别

循环导读

循环的目的

for循环语法结构

for循环执行过程

断电调试

for循环重复执行相同代码

for循环重复执行不同代码

for循环重复某些操作

for循环案例

求学生成绩案例（上）

求学生成绩案例（下）

一行打印五颗星星

双重for循环执行过程

打印5行5列的星星

打印n行n列的星星

打印倒三角形案例

九九乘法表

for循环小结

while循环

while案例

do while循环

do while案例

循环小结

continue关键字

break关键字

命名规范以及语法格式

循环作业

数组导读

什么是数组以及创建方式

访问数组元素

遍历数组

数组长度

计算数组的和以及平均值

求数组中的最大值

数组转换为字符串

数组新增元素

数组存放1~10个值

筛选数组方法

筛选数组方法2

删除数组指定元素（数组去重）

翻转数组

复习交换两个变量值

冒泡排序原理

冒泡排序

函数导读

为什么需要函数

函数的使用

利用函数求1~100累加和

函数的参数

利用函数求任意两个数的和以及累加和

函数形参和实参匹配问题

函数的返回值

利用函数求两个数的最大值

利用函数求数组中的最大值

return终止函数并且只能返回一个值

函数返回值2个注意事项

通过榨汁机看透函数

arguments的使用

利用函数求任意个数的最大值

利用函数翻转数组

函数封装冒泡排序

利用函数判断闰年

函数可以调用另外一个函数

输出2月份天数

函数的两种声明方式

作用域导读

javascript作用域

全局变量和局部变量

javascript没有块级作用域

作用域链

作用域链案例

javascript预解析导读

预解析

预解析案例

对象导读

什么是对象以及为什么需要对象

利用对象字面量创建对象

变量属性函数方法的区别

利用new Object创建对象

我们为什么需要构造函数

构造函数创建对象（上）

构造函数创建对象（下）

构造函数和对象区别

new关键字执行过程

遍历对象

小结和作业

内置对象导读

什么是内置对象

学会查询MDN文档

数学对象Math最大值方法

猜数字游戏

Date日期对象的使用

格式化日期年月日星期

格式化日期时分秒

Date总的毫秒数（时间戳）

倒计时（上）

倒计时（下）

数组创建的两种方式

检测是否为数组的两种方式

添加数组元素

删除数组元素

筛选数组

数组排序

获取数组元素索引

数组去重案例

数组转换为字符串

基本包装类型

字符串不可变

根据字符返回位置

求某个字符出现的位置以及次数

根据位置返回字符

统计出现次数最多的字符（上）

统计出现次数最多的字符（下）

拼接以及截取字符串

替换字符串以及转换为数组

简单数据类型和复杂数据类型导读

数据类型内存分配

简单数据类型传参

复杂数据类型传参

web apis简介导读

js基础和web apis两个阶段的关联性

api和web apis

DOM导读

DOM简介

getElementByid获取元素

getElementsByTagName获取某类标签元素

H5新增获取元素方式

获取body和html元素

事件三要素

执行事件过程

操作元素修改元素内容

innerText和innerHTML的区别

操作元素-修改元素属性

分时问候案例

操作元素-修改表单属性

仿京东显示隐藏密码明文案例（上）

仿京东显示隐藏密码明文案例（下）

操作元素-修改样式属性

仿淘宝关闭二维码案例

循环精灵图

显示隐藏文本框内容

使用className修改样式属性

密码框验证信息

操作元素总结以及作业

排他思想（算法）

百度换肤效果

表格隔行变色效果

表单全选取消全选（上）

表单全选取消全选（下）

获取自定义属性值

设置移除自定义属性

tab栏切换布局分析（重要）

tab栏切换制作（上）

tab栏切换制作（下）

H5自定义属性

为什么学习节点操作以及节点简介

节点操作之父节点

子节点

第一个子元素和最后一个子元素

新浪下拉菜单

节点操作之兄弟节点

节点操作之创建和添加节点

简单版发布留言案例

节点操作-删除节点

删除留言案例

节点操作-复制节点

动态生成表格-创建学生数据

动态生成表格-创建行

动态生成表格-创建单元格

动态生成表格-单元格填充数据

动态生成表格-创建删除单元格

动态生成表格-添加删除操作

document.write创建元素（了解）

innerHTML和creatElement效率对比

DOM重点核心

事件高级导读

注册事件两种方式

attachEvent注册事件

删除事件

DOM事件流理论

DOM事件流代码验证

什么是事件对象

e.target和this区别

阻止默认行为

阻止事件冒泡

事件委托

禁止选中文字和禁止右键菜单

获得鼠标在页面中的坐标

跟随鼠标的天使

常用的键盘事件

keyCode判断用户按下哪个键

模拟京东按键输入内容案例

模拟京东快递单号查询（上）

模拟京东快递单号查询（下）

BOM导读

BOM概述

页面加载事件

调整窗口大小事件

定时器之setTimeout

回调函数以及5秒之后自动关闭的广告

清除定时器

定时器之setInterval

倒计时效果

清除定时器

发送短信案例

this指向问题

同步和异步

同步任务和异步任务执行过程

js执行机制

location对象常见属性

5秒钟之后跳转页面

获取URL参数

location常见方法

navigator对象

history对象

pc端网页特效导读

offserLeft和offsetTop获取元素偏移

offsetWidth和offsetHeight获取元素大小

offset与style区别

获取鼠标在盒子内的坐标

拖动模态框（上）

拖动模态框（中）

拖动模态框（下）

仿京东放大镜效果页面结构搭建

仿京东放大镜效果显示隐藏挡层和大盒子

仿京东放大镜效果遮挡层跟随鼠标

仿京东放大镜效果限制遮挡层移动范围

仿京东放大镜效果大图片移动

client系列

立即执行函数

淘宝flexiJS源码分析之核心原理

淘宝flexibleJS源码分析之pagesshow事件

scroll系列

仿淘宝固定侧边栏（上）

仿淘宝固定侧边栏（下）

三大系列总结

mouseover和mouseenter区别

动画原理

简单动画函数封装

动画函数给不同元素记录不同定时器

缓动动画原理

缓动动画基本代码实现

缓动动画多个目标值之间移动

缓动动画添加回调函数

动画函数的使用

网页轮播图结构搭建

网页轮播图-鼠标经过显示隐藏左右按钮

网页轮播图-动态生成小圆圈

网页轮播图-小圆圈排他思想

网页轮播图-点击小圆圈滚动图片

网页轮播图-右侧按钮无缝滚动

网页轮播图-克隆第一张图片

网页轮播图小圆圈跟随右侧按钮一起变化

网页轮播图-两个小BUG解决方案

网页轮播图-左侧按钮功能制作

网页轮播图-自动播放功能

节流阀以及逻辑中断应用

带有动画的返回顶部

筋斗云案例

移动端网页特效导读

移动端touch触摸事件

移动端TouchEvent触摸事件对象

移动端拖动元素

移动端轮播图-结构搭建

移动端轮播图-布局分析

移动端轮播图-滚动图片

移动端轮播图-无缝滚动

classList类名操作

移动端轮播图-小圆点跟随变化

移动端轮播图-手指拖动轮播图

移动端轮播图-手指滑动播放上一张下一张图片

移动端轮播图-回弹效果

返回顶部模块制作

移动端click事件300ms延时问题解决方案

faskclick插件使用

swiper插件使用-引用相关文件

移动端轮播图-按照语法规范使用

swiper插件使用-参数更改

移动端其他插件以及使用总结

视频插件zy.media.js的使用

bootstrap轮播图

阿里百秀轮播图制作

本地存储导读

本地存储之sessionStorage

本地存储之localStroge

记住用户名案例

jQuery入门导读

JavaScript库

jQuery概述

jQuery基本使用-入口函数

jQuery顶级对象

DOM对象和jQuery对象

DOM对象和jQuery对象相互转换

jQuery常用API导读

jQuery基本和层级选择器

jQuery隐式迭代

jQuery筛选选择器

jQuery筛选方法-选择父子元素

新浪下拉菜单

jQuery其他筛选方法

jQuery排他思想

淘宝服饰精品案例

jQuery链式编程

jQuery修改样式css方法

jQuery修改样式操作类

tab栏切换案例

jQuery类操作和className区别

jQuery显示与隐藏效果

jQuery滑动效果以及事件切换

jQuery停止动画排队

jQuery淡入淡出以及突出显示案例

jQuery自定义动画animate方法

王者荣耀手风琴案例布局分析

王者荣耀手风琴案例制作

jQuery属性操作

购物车模块-全选（上）

购物车模块-全选（下）

jQuery内容文本值

购物车模块-增减商品数量

购物车模块-修改商品小计（上）

购物车模块-修改商品小计（中）

购物车模块-修改商品小计（下）

jQuery遍历对象each方法

jQuery遍历数据

购物车模块-计算总计数和总额

创建、添加、删除元素

购物车模块-清理购物车

购物车模块-选中商品添加背景颜色

jQuery尺寸方法

jQuery位置方法

jQuery被卷去头部方法

带有动画的返回顶部

电梯导航案例-显示隐藏电梯导航

电梯导航案例-点击滚动目标位置

电梯导航案例-点击当前li添加current类

电梯导航案例-滑动页面电梯导航自动添加current类

电梯导航案例节流阀（互斥锁）

jQuery事件导读

事件处理on绑定一个或者多个事件

on实现事件委派和给动态元素绑定事件

微博发布案例

off解绑事件

jQuery自动触发事件

jQuery事件对象

jQuery其他方法导读

jQuery对象拷贝extend（可选）

jQuery多库共存

瀑布流插件使用

图片懒加载技术

全屏滚动插件使用（可选）

bootstrap组件

bootstrapJS插件

阿里百秀

totolist布局功能需求分析

todilist核心思路以及本地存储格式

todolist按下回车读取本地存储数据

todolist按下回车保存最新数据到本地存储

todolist本地存储数据渲染加载到页面中

todolist点击删除按钮获取当前索引号

todolist点击删除按钮完成删除操作

点击复选框修改相应数据done属性

todolist正在进行和已经完成事项制作

todolist统计正在进行和已经完成事项个数

录制视频作用介绍

点位区域布局样式

地图区域布局样式

用户区域布局样式

订单区域布局样式

销售区域布局样式

渠道与季度布局样式

排行区域布局样式-参考

数据可视化项目导读

什么数据可视化

数据可视化项目概述

ECharts简介

ECharts基本使用

选择不同类型图表

ECharts项目配置（上）

ECharts-grid配置

ECharts相关配置（中）

ECharts项目配置（下）

折现图生成以及配置项总结

数据可视化项目适配方案分析

数据可视化项目适配方案

项目准备以及按照自动刷新浏览器插件

可视化项目-body和viewport制作

可视化项目column列容器

边框图片使用场景以及切割原理

边框图片使用语法

公共面板样式制作（上）

公共面板样式制作（下）

通过类名调用字体图标

数据可视化项目-概览区域模块制作

数据可视化项目-监控区域布局分析

数据可视化项目-监控区域tab栏切换分析

数据可视化项目-监控区域无缝滚动

点位分布point模块-布局

点位分布point-引入图表

ECharts饼形图-tooltip参数含义

ECharts饼形图-series参数含义

定位分布模块-定制配置（上）

定位分布模块-定制配置（下）