JavaScript编程

JavaScript编程
共205节 384人在学 课程详情
  • 语言基础

    • JavaScript输入输出语法
    • JavaScript字面量
    • JavaScript变量概念
    • 变量声明及更新
    • 变量声明、更新、赋值案例讲解
    • let的特点和变量本质
    • let和const的特点
    • 变量的命名规则
    • 变量命名规范
    • 案例讲解
    • 声明风格及最佳实践
    • 数据类型Number
    • 数据类型String
    • 数据类型undefined和boolean
    • null和undefined的区别
    • 数据类型symbol和bigint
    • typeof操作符
    • 数组基础
    • 静态和动态类型语言
    • 强类型和弱类型语言
    • 隐式类型和强制类型转换
  • 运算符、分支语句、while循环、退出循环

    • 赋值运算符
    • 一元运算符 - 自增运算符
    • 比较运算符
    • 逻辑运算符
    • 运算符的优先级
    • 单分支语句
    • 双分支语句和多分支语句
    • 三元表达式
    • 三元表达式练习
    • switch语句
    • if和switch的区别以及作业
    • 断点调试
    • while循环
    • while循环break练习
  • for循环、数组、循环嵌套

    • for循环及continue和break
    • do...while循环
    • 数组基础回顾
    • 数组操作增删
    • 数组案例讲解
    • 数组操作改查以及案例讲解
    • 数组操作排序sort和反转reverse
    • 数组转字符串和数组截取及拼接
    • 嵌套循环
  • 函数

    • 函数概念
    • 函数封装
    • 函数传参
    • 函数参数默认值
    • 函数返回值
    • 函数的arguments
  • 作用域、逻辑中断、Boolean转换

    • 全局作用域和局部作用域
    • 局部变量和全局变量以及区别
    • 变量的访问原则
    • 作用域链
    • 匿名函数
    • 逻辑中断
    • Boolean类型转换
  • 对象、JSON对象、内置对象

    • 对象基础
    • 对象使用
    • 对象的增删改查
    • 对象中的方法
    • 对象遍历及案例
    • 案例讲解小米商城数据渲染
    • json对象格式
    • JSON对象和JS对象互转
    • 课堂案例讲解
    • JS内置对象Math常用方法及随机数函数
    • 课堂案例及作业布置
    • 时间对象Date()
    • String方法indexOf
    • String方法charAt、charCodeAt
    • 字符串其他方法
    • 初识基本类型和引用类型
  • DOM基础一

    • webAPIS介绍
    • DOM介绍
    • 根据ID获取元素
    • 其它获取html元素的方法
    • 事件基础及常用事件类型
    • 元素的innerText属性
    • 元素innerHTML属性
    • 课堂案例封装
    • 操作元素的属性
    • 操作style属性
    • 操作class属性及案例
    • 操作表单元素属性
    • 间隔定时器setInterval
  • DOM基础二

    • 操作自定义属性
    • html5自定义属性
    • 课堂案例讲解
    • 排他思想
  • DOM操作

    • 节点概述、parentNode、childNodes、children
    • firstElementChild和lastElementChild
    • nodeType节点类型、nodeName节点名字、nodeValue节点值
    • 兄弟节点nextElementSibling和previousElementSibling
    • 课堂案例讲解
    • 创建节点createElement、追加节点append
    • DOM操作前面插入节点insertBefore及节点删除removeChild
    • DOM操作克隆节点cloneNode()
  • 事件基础

    • 事件概念及事件绑定的两种方式
    • 事件绑定
    • 课堂案例
    • 作业安排
    • 事件历史
  • 事件进阶

    • 事件流概念
    • 事件捕获和冒泡
    • 事件对象及案例
    • 案例讲解
    • trim方法
    • 事件对象常用属性
    • 事件委托概述
    • 事件委托详解
    • 阻止事件冒泡
    • 阻止默认行为
    • 作业安排
    • 动态选项卡案例 - 选项卡功能
    • 动态选项卡案例 - 选项卡索引
    • 动态选项卡案例 - 添加
    • 动态选项卡案例 - 删除
    • 动态选项卡案例 - 编辑
    • 动态选项卡案例 - 撤销
  • 事件其它

    • mouse事件的区别
    • selectstart事件
    • 鼠标右键菜单contextmenu
    • 键盘事件及案例
    • 页面加载事件
    • 作业需求讲解
    • 元素尺寸属性
    • 坐标属性
    • scroll元素滚动监听
    • scroll页面滚动监听
    • scroll案例讲解
    • scroll案例讲解 - 横向滚动条
    • scrollTo事件
    • scrollTo、scrollBy、scrollIntoView
    • 浏览器视口inner和outer
    • resize事件
    • 公告无缝滚动案例
    • 放大镜案例讲解 - 01
    • 放大镜案例讲解 - 02
  • BOM

    • BOM概念
    • setTimeout
    • this指向独立函数、对象、箭头函数
    • this指向DOM节点、内联事件函数、构造函数
    • this常见场景及解决方案
    • call、apply、bind区别
    • location
    • assign、reload、replace、hashChange
    • navigator对象
    • history
  • 动画、本地存储

    • localStorage知识点讲解
    • localStorage记住主题案例
    • sessionStorage
    • JSON.parse、JSON.stringify和本地存储的结合
    • 作业需求讲解
    • storage事件
    • 本地存储注意事项及同源策略
    • 动画原理基础示例
    • 匀速动画封装
    • 缓动动画封装
    • 多个目标切换以及添加回调函数
    • JS返回顶部案例
  • 错误捕获、单线程、同步异步、内存管理、垃圾回收、严格模式

    • 错误处理的重要性
    • 错误捕获语法和Error对象
    • 错误类型
    • 案例讲解
    • 单线程 - 回调函数解决JS阻塞
    • 单线程 - worker解决JS阻塞
    • workerAPI
    • worker常见使用方式
    • worker案例实战
    • 同步任务和异步任务
    • 事件轮训机制
    • 事件轮询机制案例
    • JS内存管理栈和堆
    • 数据类型的赋值和引用
    • 看代码说结果并解释为什么
    • 比较两个对象是否相等的两种方法
    • lodash工具库
    • 基本类型和引用类型区别
    • 垃圾回收机制
    • 内存管理技巧
    • 严格模式
    • 严格模式常见规则
  • 高阶函数、闭包、递归、纯函数、柯里化

    • 高阶函数接收函数作为参数
    • 高阶函数数组filter方法模拟
    • 高阶函数返回函数
    • 闭包概念理解
    • JS作用域
    • 闭包示例
    • 闭包实战场景01
    • 闭包实战场景02
    • 常见问题及解决方案
    • 闭包最佳实践
    • 递归概念详解
    • 递归案例
    • 递归案例三级菜单
    • 递归比较嵌套对象是否相等
    • 作业
    • 纯函数详解及案例
    • 纯函数案例及总结
    • 函数柯里化

    订阅失败

    JavaScript编程
    JavaScript编程 ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    需求 1. 完成效果中的布局,素材可以从京东找 2. 鼠标经过不同的选项卡,底部可以显示 不同的内容 3. 鼠标渲染到精选、美食、百货、个护、预告,让下面红色下划线有一个过渡效果 4. 我提供数据大家通过DOM动态节点生成网页 5. 商品标题默认隐藏, 鼠标悬浮从下往上出现需要过渡动画,鼠标离开从上往下消失需要过渡动画 6. 根据分类的id匹配对应的商品id然后完成商品的渲染

    课程介绍

    JavaScript从入门到掌握,大量的练习让你快速掌握JavaScript语法,能够使用JavaScript解决现实世界中的问题,提升解决问题的能力拥有编程思维

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 934人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22879人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4299人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 840人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 903人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5207人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1536人在学

    Python Django 深度学习 小程序

    钟翔 · 2418人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 686人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4089人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~