• 课程 / JavaScript

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

    PHP综合实战阶段,开始报名了!

    立即报名
    介绍章节评论课件
    素材大全:https://gitee.com/xiaoqiang001/java-script.git 1.JavaScript基础从变量的定义与使用、流程控制语句、数组、函数、构造函数、内置对象以及对象等 2.web API 讲解如何获取DOM元素,如何操作DOM 元素,BOM操作 移动端制作网页特效 3. 后面还会有js高级,ES6类面向对象语法,面向对象案例,原型和原型链等等。 4. jquery 综合 + echarts数据可视化
  • 难度:初级
  • 共470章节
  • 133126次播放
  • 第1章 计算机基础

    计算机基础导读

    01:29

    编程语言

    09:19

    计算机基础

    09:23
    第2章 JavaScript导读

    JavaScript导读

    00:52

    初识JavaScript

    07:28

    浏览器执行js过程

    03:58

    js三部分组成

    03:57

    js三种书写位置

    06:51
    第3章 注释与变量

    注释

    03:14

    输入输出语句

    04:15

    变量导读

    00:52

    什么是变量

    04:45

    变量的使用

    06:20

    变量案例

    03:03

    变量案例弹出用户名

    03:09

    变量语法扩展

    08:41

    变量的命名规范

    09:48

    变换2个变量的值

    07:53

    变量小结

    02:05
    第4章 数据类型

    数据类型导读

    00:55

    数据类型简介

    06:17

    数字型Number

    11:32

    isNaN

    02:17

    字符串型String

    07:35

    弹出网页警示框

    01:59

    字符串长度以及拼接

    07:32

    字符串拼接加强

    05:53

    显示年龄案例

    04:05

    boolean以及undefined和null

    07:19

    typeof检测变量数据类型

    05:28

    字面量

    02:17

    转换为字符串类型

    07:20

    转换为数字型parseInt和parseFloat

    07:38

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

    03:25

    计算年龄案例

    04:24

    简单加法器案例

    04:51

    转换为布尔型

    02:03

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

    03:46

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

    02:37

    课后作业

    00:55
    第5章 运算符

    运算符导读

    00:44

    算术运算符

    09:35

    表达式和返回值

    03:29

    前置递增运算符

    06:38

    后置递增运算符

    03:53

    递增运算符练习

    05:38

    前置递增和后置递增小结

    03:03

    比较运算符

    06:56

    逻辑运算符

    06:37

    逻辑运算符练习

    02:46

    逻辑中断、逻辑与

    06:38

    逻辑中断、逻辑或

    04:08

    赋值运算符

    03:20

    运算符优先级

    07:15
    第6章 流程控制

    流程控制分支结构导读

    00:54

    流程控制

    02:38

    if分支语句

    06:18

    进入网吧案例

    02:43

    ifelse双分支语句

    06:08

    判断闰年案例

    06:37

    if else if多分支语句

    07:24

    判断成绩案例

    08:15

    三元表达式

    05:13

    数字补0案例

    05:01

    switch语句

    09:23

    switch注意事项

    05:13

    查询水果案例

    04:23

    switch和ifelseif区别

    05:32
    第7章 循环

    循环导读

    01:07

    循环的目的

    03:18

    for循环语法结构

    08:24

    for循环执行过程

    06:20

    断电调试

    06:52

    for循环重复执行相同代码

    02:38

    for循环重复执行不同代码

    04:48

    for循环重复某些操作

    05:23

    for循环案例

    07:04

    求学生成绩案例(上)

    06:50

    求学生成绩案例(下)

    05:00

    一行打印五颗星星

    05:15

    双重for循环执行过程

    07:29

    打印5行5列的星星

    04:49

    打印n行n列的星星

    02:58

    打印倒三角形案例

    06:35

    九九乘法表

    09:33

    for循环小结

    02:17

    while循环

    06:06

    while案例

    05:43

    do while循环

    04:24

    do while案例

    04:00

    循环小结

    01:50

    continue关键字

    06:04

    break关键字

    02:38

    命名规范以及语法格式

    02:37

    循环作业

    02:09
    第8章 数组

    数组导读

    00:53

    什么是数组以及创建方式

    08:05

    访问数组元素

    06:30

    遍历数组

    05:19

    数组长度

    03:57

    计算数组的和以及平均值

    06:00

    求数组中的最大值

    06:19

    数组转换为字符串

    04:02

    数组新增元素

    07:39

    数组存放1~10个值

    04:03

    筛选数组方法

    05:59

    筛选数组方法2

    04:10

    删除数组指定元素(数组去重)

    03:10

    翻转数组

    06:51

    复习交换两个变量值

    02:31

    冒泡排序原理

    04:45

    冒泡排序

    12:18
    第9章 函数

    函数导读

    00:53

    为什么需要函数

    04:59

    函数的使用

    05:03

    利用函数求1~100累加和

    02:32

    函数的参数

    08:13

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

    04:56

    函数形参和实参匹配问题

    06:38

    函数的返回值

    08:16

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

    02:55

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

    05:53

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

    06:14

    函数返回值2个注意事项

    02:45

    通过榨汁机看透函数

    02:02

    arguments的使用

    08:56

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

    02:52

    利用函数翻转数组

    03:41

    函数封装冒泡排序

    03:24

    利用函数判断闰年

    03:41

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

    05:22

    输出2月份天数

    06:24

    函数的两种声明方式

    05:15

    作用域导读

    00:47

    javascript作用域

    07:08

    全局变量和局部变量

    07:51

    javascript没有块级作用域

    02:13

    作用域链

    04:58

    作用域链案例

    05:10
    第10章 预解析

    javascript预解析导读

    00:36

    预解析

    13:15

    预解析案例

    12:00
    第11章 对象

    对象导读

    00:45

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

    07:24

    利用对象字面量创建对象

    10:23

    变量属性函数方法的区别

    05:22

    利用new Object创建对象

    04:19

    我们为什么需要构造函数

    04:45

    构造函数创建对象(上)

    10:22

    构造函数创建对象(下)

    05:15

    构造函数和对象区别

    03:30

    new关键字执行过程

    03:42

    遍历对象

    05:23

    小结和作业

    01:45
    第12章 内置对象

    内置对象导读

    01:17

    什么是内置对象

    03:13

    学会查询MDN文档

    06:09

    数学对象Math最大值方法

    06:16

    猜数字游戏

    06:51

    Date日期对象的使用

    08:03

    格式化日期年月日星期

    10:47

    格式化日期时分秒

    06:27

    Date总的毫秒数(时间戳)

    06:57

    倒计时(上)

    07:31

    倒计时(下)

    05:31

    数组创建的两种方式

    04:58

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

    06:53

    添加数组元素

    06:30

    删除数组元素

    03:44

    筛选数组

    02:36

    数组排序

    05:47

    获取数组元素索引

    05:13

    数组去重案例

    07:29

    数组转换为字符串

    03:49

    基本包装类型

    04:52

    字符串不可变

    04:08

    根据字符返回位置

    03:22

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

    06:28

    根据位置返回字符

    04:54

    统计出现次数最多的字符(上)

    09:38

    统计出现次数最多的字符(下)

    03:17

    拼接以及截取字符串

    03:16

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

    06:35

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

    00:38

    数据类型内存分配

    08:23

    简单数据类型传参

    03:18

    复杂数据类型传参

    05:50
    第13章 web apis

    web apis简介导读

    00:50

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

    03:46

    api和web apis

    05:06
    第14章 DOM

    DOM导读

    01:05

    DOM简介

    04:54

    getElementByid获取元素

    08:16

    getElementsByTagName获取某类标签元素

    11:31

    H5新增获取元素方式

    08:35

    获取body和html元素

    02:58

    事件三要素

    06:26

    执行事件过程

    04:05

    操作元素修改元素内容

    08:16

    innerText和innerHTML的区别

    06:05

    操作元素-修改元素属性

    05:53

    分时问候案例

    06:14

    操作元素-修改表单属性

    06:46

    仿京东显示隐藏密码明文案例(上)

    07:23

    仿京东显示隐藏密码明文案例(下)

    08:06

    操作元素-修改样式属性

    05:16

    仿淘宝关闭二维码案例

    05:04

    循环精灵图

    08:55

    显示隐藏文本框内容

    10:04

    使用className修改样式属性

    09:28

    密码框验证信息

    09:42

    操作元素总结以及作业

    03:43
    第15章 换肤、变色效果

    排他思想(算法)

    09:01

    百度换肤效果

    08:19

    表格隔行变色效果

    07:26

    表单全选取消全选(上)

    07:33

    表单全选取消全选(下)

    09:26

    获取自定义属性值

    05:04

    设置移除自定义属性

    04:54

    tab栏切换布局分析(重要)

    04:18

    tab栏切换制作(上)

    04:10

    tab栏切换制作(下)

    09:05

    H5自定义属性

    04:15
    第16章 节点操作

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

    07:03

    节点操作之父节点

    04:15

    子节点

    06:05

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

    06:44

    新浪下拉菜单

    06:31

    节点操作之兄弟节点

    05:15

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

    08:10

    简单版发布留言案例

    08:38

    节点操作-删除节点

    05:10

    删除留言案例

    08:14

    节点操作-复制节点

    04:57

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

    05:44

    动态生成表格-创建行

    03:44

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

    05:04

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

    03:06

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

    03:09

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

    04:11

    document.write创建元素(了解)

    04:41

    innerHTML和creatElement效率对比

    07:51
    第17章 事件

    DOM重点核心

    06:05

    事件高级导读

    01:16

    注册事件两种方式

    08:26

    attachEvent注册事件

    05:22

    删除事件

    08:18

    DOM事件流理论

    04:39

    DOM事件流代码验证

    07:51

    什么是事件对象

    08:05

    e.target和this区别

    08:18

    阻止默认行为

    06:34

    阻止事件冒泡

    04:41

    事件委托

    06:35

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

    04:36

    获得鼠标在页面中的坐标

    07:28

    跟随鼠标的天使

    07:43

    常用的键盘事件

    06:49

    keyCode判断用户按下哪个键

    07:30

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

    05:17

    模拟京东快递单号查询(上)

    06:59

    模拟京东快递单号查询(下)

    06:03
    第18章 BOM

    BOM导读

    00:57

    BOM概述

    08:41

    页面加载事件

    08:23

    调整窗口大小事件

    05:16

    定时器之setTimeout

    07:16

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

    03:59

    清除定时器

    03:02

    定时器之setInterval

    03:33

    倒计时效果

    08:12

    清除定时器

    04:46

    发送短信案例

    07:50

    this指向问题

    07:55
    第19章 js同步和异步

    同步和异步

    04:52

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

    06:15

    js执行机制

    06:49

    location对象常见属性

    06:00

    5秒钟之后跳转页面

    06:15

    获取URL参数

    11:00

    location常见方法

    04:11

    navigator对象

    04:49

    history对象

    04:28

    pc端网页特效导读

    00:50
    第20章 获取鼠标坐标

    offserLeft和offsetTop获取元素偏移

    04:45

    offsetWidth和offsetHeight获取元素大小

    05:08

    offset与style区别

    03:41

    获取鼠标在盒子内的坐标

    06:02
    第21章 拖动模态框

    拖动模态框(上)

    06:06

    拖动模态框(中)

    09:55

    拖动模态框(下)

    02:49
    第22章 仿京东放大镜效果

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

    06:46

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

    05:24

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

    08:28

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

    06:59

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

    08:37
    第23章 仿淘宝效果

    client系列

    02:29

    立即执行函数

    08:06

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

    07:27

    淘宝flexibleJS源码分析之pagesshow事件

    06:58

    scroll系列

    05:25

    仿淘宝固定侧边栏(上)

    08:09

    仿淘宝固定侧边栏(下)

    10:24

    三大系列总结

    01:52
    第24章 缓动动画

    mouseover和mouseenter区别

    02:56

    动画原理

    06:54

    简单动画函数封装

    04:33

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

    08:11

    缓动动画原理

    05:29

    缓动动画基本代码实现

    04:36

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

    07:23

    缓动动画添加回调函数

    05:54

    动画函数的使用

    08:31
    第25章 网页轮播图

    网页轮播图结构搭建

    06:40

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

    06:54

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

    07:37

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

    03:26

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

    09:48

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

    11:10

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

    03:50

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

    05:12

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

    05:50

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

    07:12

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

    04:36
    第26章 移动端网页特效

    节流阀以及逻辑中断应用

    07:39

    带有动画的返回顶部

    10:07

    筋斗云案例

    10:14

    移动端网页特效导读

    00:59

    移动端touch触摸事件

    04:29

    移动端TouchEvent触摸事件对象

    11:00

    移动端拖动元素

    10:05

    移动端轮播图-结构搭建

    05:40

    移动端轮播图-布局分析

    07:43

    移动端轮播图-滚动图片

    08:01

    移动端轮播图-无缝滚动

    08:32

    classList类名操作

    08:09

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

    05:06

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

    07:45

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

    07:01

    移动端轮播图-回弹效果

    05:39

    返回顶部模块制作

    04:41

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

    faskclick插件使用

    06:44

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

    06:43

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

    07:01

    swiper插件使用-参数更改

    04:06

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

    03:22

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

    07:53

    bootstrap轮播图

    10:32

    阿里百秀轮播图制作

    09:38
    第27章 本地存储

    本地存储导读

    00:31

    本地存储之sessionStorage

    本地存储之localStroge

    记住用户名案例

    第28章 jQuery

    jQuery入门导读

    00:44

    JavaScript库

    03:11

    jQuery概述

    03:04

    jQuery基本使用-入口函数

    07:54

    jQuery顶级对象

    03:17
    第29章 DOM对象|jQuery对象

    DOM对象和jQuery对象

    05:45

    DOM对象和jQuery对象相互转换

    06:16
    第30章 jQuery基础

    jQuery常用API导读

    00:58

    jQuery基本和层级选择器

    04:03

    jQuery隐式迭代

    05:17

    jQuery筛选选择器

    03:54

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

    05:24

    新浪下拉菜单

    05:04

    jQuery其他筛选方法

    07:35

    jQuery排他思想

    03:44

    淘宝服饰精品案例

    07:12

    jQuery链式编程

    07:05

    jQuery修改样式css方法

    06:28

    jQuery修改样式操作类

    05:09

    tab栏切换案例

    07:05

    jQuery类操作和className区别

    02:47

    jQuery显示与隐藏效果

    08:07

    jQuery滑动效果以及事件切换

    08:40

    jQuery停止动画排队

    03:32

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

    07:24

    jQuery自定义动画animate方法

    03:34

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

    03:31

    王者荣耀手风琴案例制作

    08:42
    第31章 购物车

    jQuery属性操作

    10:12

    购物车模块-全选(上)

    09:54

    购物车模块-全选(下)

    06:54

    jQuery内容文本值

    04:15

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

    07:34

    购物车模块-修改商品小计(上)

    08:52

    购物车模块-修改商品小计(中)

    06:01

    购物车模块-修改商品小计(下)

    03:37

    jQuery遍历对象each方法

    08:58

    jQuery遍历数据

    03:37

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

    09:18

    创建、添加、删除元素

    08:01

    购物车模块-清理购物车

    07:00

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

    04:49

    jQuery尺寸方法

    04:18

    jQuery位置方法

    06:02

    jQuery被卷去头部方法

    06:38

    带有动画的返回顶部

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

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

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

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

    电梯导航案例节流阀(互斥锁)

    第32章 jQuery事件

    jQuery事件导读

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

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

    微博发布案例

    off解绑事件

    jQuery自动触发事件

    jQuery事件对象

    jQuery其他方法导读

    jQuery对象拷贝extend(可选)

    jQuery多库共存

    05:40

    瀑布流插件使用

    图片懒加载技术

    10:35

    全屏滚动插件使用(可选)

    11:04
    第33章 BootStrap组件

    bootstrap组件

    04:57

    bootstrapJS插件

    10:27

    阿里百秀

    10:47

    totolist布局功能需求分析

    06:45

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

    10:16

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

    08:23

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

    06:29

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

    10:35

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

    08:19

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

    04:47

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

    08:20

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

    04:59

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

    05:37

    录制视频作用介绍

    01:50

    点位区域布局样式

    地图区域布局样式

    用户区域布局样式

    订单区域布局样式

    销售区域布局样式

    渠道与季度布局样式

    排行区域布局样式-参考

    数据可视化项目导读

    什么数据可视化

    数据可视化项目概述

    第34章 ECharts

    ECharts简介

    04:17

    ECharts基本使用

    11:19

    选择不同类型图表

    ECharts项目配置(上)

    ECharts-grid配置

    ECharts相关配置(中)

    ECharts项目配置(下)

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

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

    数据可视化项目适配方案

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

    可视化项目-body和viewport制作

    可视化项目column列容器

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

    边框图片使用语法

    公共面板样式制作(上)

    公共面板样式制作(下)

    通过类名调用字体图标

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

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

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

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

    点位分布point模块-布局

    点位分布point-引入图表

    ECharts饼形图-tooltip参数含义

    ECharts饼形图-series参数含义

    定位分布模块-定制配置(上)

    定位分布模块-定制配置(下)

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    素材大全:https://gitee.com/xiaoqiang001/java-script.git 1.JavaScript基础从变量的定义与使用、流程控制语句、数组、函数、构造函数、内置对象以及对象等 2.web API 讲解如何获取DOM元素,如何操作DOM 元素,BOM操作 移动端制作网页特效 3. 后面还会有js高级,ES6类面向对象语法,面向对象案例,原型和原型链等等。 4. jquery 综合 + echarts数据可视化

    全部评论我要评论

  • P粉546084912

    P粉5460849122星期前

    语句太快,人的反正是有限的

    回复
    0

  • 取消回复发送
  • PHP中文网