Grundlegende JavaScript-Syntax [dom|bom|es6 neue Syntax|jQuery|Datenvisualisierungs-Echarts]

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