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-Klassennamenoperation
• 26-13 Mobiles Karusselldiagramm – kleine Punkte folgen Änderungen
• 26-14 Karusselldiagramm auf dem mobilen Endgerät – Karusselldiagramm mit dem Finger ziehen
• 26-15 Mobiles Karussell – streichen Sie mit dem Finger, um das vorherige und nächste Bild abzuspielen
• 26-16 Mobiler Karussell-Image-Rebound-Effekt
• 26-17 Zurück zur obersten Modulproduktion
• 26-18 Lösung für das 300-ms-Verzögerungsproblem von Klickereignissen auf mobilen Endgeräten
• 26-19 Verwendung des Faskclick-Plugins
• 26-20 Referenzdateien zur Verwendung des Swiper-Plug-ins
• 26-21 Mobiles Karussellbild – gemäß Grammatikvorgaben verwendet
• 26-22 Änderung der Nutzungsparameter des Swiper-Plug-ins
• 26-23 Weitere mobile Plug-ins und Nutzungsübersicht
• 26-24 Verwendung des Video-Plugins zy.media.js
• 26-25 Bootstrap-Karussell
• 26-26 Alibaba 100 zeigt Karussell-Bildproduktion
• Kapitel27 lokaler Speicher
• 27-1 Leitfaden zur lokalen Lagerung
• 27-2 Lokaler Speicher sessionStorage
• 27-3 localStroge des lokalen Speichers
• 27-4 Denken Sie an die Groß-/Kleinschreibung des Benutzernamens
• Kapitel28 jQuery
• 28-1 Eine Einführung in jQuery
• 28-2 JavaScript-Bibliothek
• 28-3 jQuery-Übersicht
• 28-4 Grundlegende Verwendung der jQuery-Eingabefunktion
• 28-5 jQuery-Objekt der obersten Ebene
• Kapitel29 DOM-Objekt|jQuery-Objekt
• 29-1 DOM-Objekte und jQuery-Objekte
• 29-2 Konvertieren Sie DOM-Objekte und jQuery-Objekte ineinander
• Kapitel30 jQuery-Grundlagen
• 30-1 Leitfaden zur allgemeinen jQuery-API
• 30-2 Grundlegende und hierarchische jQuery-Selektoren
• 30-3 Implizite jQuery-Iteration
• 30-4 jQuery-Filterauswahl
• 30-5 jQuery-Filtermethode – Wählen Sie übergeordnete und untergeordnete Elemente aus
• 30-6 Sina-Dropdown-Menü
• 30-7 jQuery andere Filtermethoden
• 30-8 Exklusive jQuery-Idee
• 30-9 Taobao Bekleidungsboutique-Koffer
• 30-10 jQuery-Kettenprogrammierung
• 30-11 jQuery-Stil-CSS-Methode ändern
• 30-12 jQuery-Operationsklasse zum Ändern des Stils
• 30-13 Tab-Bar-Umschaltgehäuse
• 30-14 Der Unterschied zwischen jQuery-Klassenoperationen und className
• 30-15 jQuery-Effekte ein- und ausblenden
• 30-16 jQuery-Gleiteffekt und Ereignisumschaltung
• 30-17 jQuery stoppt die Animationswarteschlange
• 30-18 jQuery einblenden und Groß-/Kleinschreibung hervorheben
• 30-19 Benutzerdefinierte jQuery-Animationsmethode
• 30-20 Analyse des Akkordeonkoffer-Layouts zu Honor of Kings
• 30-21 Herstellung von King of Glory Akkordeonkoffern
• Kapitel31 Einkaufswagen
• 31-1 Manipulation von jQuery-Attributen
• 31-2 Warenkorb-Modul – Alle auswählen (Teil 1)
• 31-3 Warenkorb-Modul – Alle auswählen (Teil 2)
• 31-4 jQuery-Inhaltstextwert
• 31-5 Warenkorbmodul – Anzahl der Artikel erhöhen oder verringern
• 31-6 Warenkorbmodul – Produktzwischensumme ändern (Teil 1)
• 31-7 Warenkorbmodul – Produktzwischensumme ändern (mittel)
• 31-8 Warenkorbmodul – Produktzwischensumme ändern (Teil 2)
• 31-9 jQuery durchläuft Objekte mit jeder Methode
• 31-10 jQuery iteriert durch Daten
• 31-11 Warenkorbmodul – Gesamtanzahl und Gesamtsumme berechnen
• 31-12 Elemente erstellen, hinzufügen und löschen
• 31-13 Warenkorb-Modul – Warenkorb reinigen
• 31-14 Warenkorbmodul – Hintergrundfarbe zu ausgewählten Artikeln hinzufügen
• 31-15 jQuery-Größenmethode
• 31-16 jQuery-Positionsmethoden
• 31-17 jQuery wird auf die Head-Methode übertragen
• 31-18 Rückkehr nach oben mit Animation
• 31-19 Aufzugsnavigation Case-Show Hide Aufzugsnavigation
• 31-20 Aufzugnavigationskoffer – klicken Sie, um zum Zielort zu scrollen
• 31-21 Aufzugnavigationsfall – Klicken Sie auf die aktuelle Linie, um die aktuelle Klasse hinzuzufügen
• 31-22 Aufzugsnavigation – Schiebeseiten-Aufzugsnavigation fügt automatisch die aktuelle Klasse hinzu
• 31-23 Drosselklappe des Aufzugnavigationsgehäuses (Mutex-Sperre)
• Kapitel32 jQuery-Ereignisse
• 32-1 Einführung in jQuery-Ereignisse
• 32-2 Die Ereignisverarbeitung bindet ein oder mehrere Ereignisse
• 32-3 on implementiert die Ereignisdelegation und bindet Ereignisse an dynamische Elemente
• 32-4 Weibo-Veröffentlichungsfall
• 32-5 aus unverbindlichem Ereignis
• 32-6 jQuery löst automatisch Ereignisse aus
• 32-7 jQuery-Ereignisobjekt
• 32-8 Einführung in andere Methoden von jQuery
• 32-9 jQuery-Objekt copyextend (optional)
• 32-10 jQuery-Koexistenz mehrerer Bibliotheken
• 32-11 Verwendung des Wasserfall-Plug-ins
• 32-12 Bild-Lazy-Loading-Technologie
• 32-13 Nutzung des Vollbild-Bildlauf-Plugins (optional)
• Kapitel33 BootStrap-Komponente
• 33-1 Bootstrap-Komponente
• 33-2 BootstrapJS-Plugin
• 33-3 Ali Baixiu
• 33-4 Analyse der funktionalen Anforderungen des Totlistenlayouts
• 33-5 todilist-Kernideen und lokales Speicherformat
• 33-6 todolist drücken Sie die Eingabetaste, um die lokalen Speicherdaten zu lesen
• 33-7 todolist drücken Sie die Eingabetaste, um die neuesten Daten im lokalen Speicher zu speichern
• 33-8 Die lokalen Speicherdaten von todolist werden gerendert und in die Seite geladen
• 33-9 todolist Klicken Sie auf die Schaltfläche „Löschen“, um die aktuelle Indexnummer abzurufen
• 33-10 todolist Klicken Sie auf die Schaltfläche „Löschen“, um den Löschvorgang abzuschließen
• 33-11 Klicken Sie auf das Kontrollkästchen, um das Done-Attribut der entsprechenden Daten zu ändern
• 33-12 Todolist ist in Bearbeitung und wurde abgeschlossen
• 33-13 todolist zählt die Anzahl der laufenden und abgeschlossenen Elemente
• 33-14 Einführung in die Funktion der Videoaufzeichnung
• 33-15 Punktflächen-Layoutstil
• 33-16 Layoutstil des Kartenbereichs
• 33-17 Layoutstil des Benutzerbereichs
• 33-18 Layoutstil des Bestellbereichs
• 33-19 Layoutstil des Verkaufsbereichs
• 33-20 Kanal- und Viertellayoutstile
• 33-21 Stilreferenz für das Ranking-Bereichslayout
• 33-22 Einführung in Datenvisualisierungsprojekte
• 33-23 Welche Datenvisualisierung
• 33-24 Übersicht über das Datenvisualisierungsprojekt
• Kapitel34 ECharts
• 34-1 Einführung in ECharts
• 34-2 Grundlegende Verwendung von ECharts
• 34-3 Wählen Sie verschiedene Diagrammtypen
• 34-4 ECharts-Projektkonfiguration (Teil 1)
• 34-5 ECharts-Gitterkonfiguration
• 34-6 ECharts-bezogene Konfiguration (Mitte)
• 34-7 ECharts-Projektkonfiguration (Teil 2)
• 34-8 Rabattdiagrammerstellung und Konfigurationsartikelzusammenfassung
• 34-9 Analyse der Datenvisualisierungsprojektanpassungslösung
• 34-10 Anpassungsplan für das Datenvisualisierungsprojekt
• 34-11 Projektvorbereitung und Befolgen des Auto-Refresh-Browser-Plug-Ins
• 34-12 Visualisierungsprojektkörper- und Ansichtsfensterproduktion
• 34-13 Spaltencontainer für Visualisierungsprojekte
• 34-14 Anwendungsszenarien und Schnittprinzipien für Randbilder
• 34-15 Syntax für die Verwendung von Rahmenbildern
• 34-16 Produktion im öffentlichen Panel-Stil (Teil 1)
• 34-17 Produktion im öffentlichen Panel-Stil (Teil 2)
• 34-18 Rufen Sie das Schriftartsymbol nach Klassennamen auf
• 34-19 Datenvisualisierung Projektübersicht Bereich Modulproduktion
• 34-20 Datenvisualisierungsprojekt-Überwachungsbereichslayoutanalyse
• 34-21 Datenvisualisierung, Analyse des Wechsels der Registerkartenleiste des Projektüberwachungsbereichs
• 34-22 Datenvisualisierungsprojekt – nahtloses Scrollen des Überwachungsbereichs
• 34-23 Punktverteilungspunktmodul-Layout
• 34-24 Punktverteilungspunkt-Einführungsdiagramm
• 34-25 ECharts Kreisdiagramm-Tooltip-Parameterbedeutung
• 34-26 ECharts-Kreisdiagramm-Serienparameterbedeutung
• 34-27 Positionierung der kundenspezifischen Konfiguration des Verteilungsmoduls (Teil 1)
• 34-28 Positionierungsverteilungsmodul-kundenspezifische Konfiguration (Teil 2)