课程 / JavaScript

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

Laravel 9 保姆级课程，限时6折！

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

难度：初级

共470章节

136874次播放

第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数据可视化

暂无课件

取消回复发送

PHP中文网