JavaScript详细版

目录

基础语法

函数部分

数组部分

字符串部分

对象部分

BOM和DOM部分

事件和事件类型

正则表达式

localStorage、this、let、const

箭头函数

解构以及ECMA6

集合部分

面向对象及构造函数

运动部分

多图片效果

Ajax部分

PHP入门​​​​​​​


基础语法

  • 向页面中输出内容
  • JavaScript注释
  • 常量和变量
  • 变量命名
    • 关键字和保留字
  • 弱引用
  • 进制转换
  • JS-mind思维导图
  • 算术运算符
    • 算术运算符
      • 赋值
        • =
        • x=: +=  -=
    • 一元运算符
      • 自增自减
    • 算术运算符练习
    • 强制数据类型转换
  • 关系运算符
  • 逻辑运算符
  • 流程控制语句
    • 顺序结构
    • 但分支语句和双分支语句
    • 多分支语句
    • switch语句
    • 三目运算符
    • 省略break简化代码
    • while循环
    • do_while循环
    • for循环
    • break和continue关键字
    • 死循环
  • 案例
    • 打印三角形
    • 九九乘法表
  • 循环练习

函数部分

  • 认识函数
    • 函数的语法
      • 无参数无返回值函数
      • 有参数无返回值函数
      • 有参数有返回值函数
      • 函数封装练习
    • arguments
    • 函数作用域
    • 函数递归
      • 递归练习
        • 斐波那契数列
        • 猴子吃桃问题

数组部分

  • 数组
    • 认识数组
    • 声明数组
      • 数组的属性
      • 访问数组的元素
    • 数组遍历
    • 数组方法
      • 栈结构
      • 两个方法形成栈
      • 队列结构
    • 数组方法
      • contact()
      • slice()
      • join()
      • reverse()
      • 排序sort()
    • 数组求平均数
    • 数组的引用
      • concat()
    • 声明提升
    • 省略var
    • 二维数组
    • 冒泡排序
    • 选择排序
    • 数组的练习
  • ECMA5严格模式
    • 严格模式的母的
    • ECMA5新增数组方法
      • indexOf()
      • 数组遍历
      • map()
      • filter()
      • some
      • every
      • reduce

字符串部分

  • 认识字符串
  • 访问字符串中的字符
  • 访问字符串中单个字符
  • 字符串方法
    • charCodeAt()
    • String.formCharCode()
  • 字符串查找方法
    • indexOf()
    • lastIndexOf()
    • search()
    • substring()
    • substr()
    • slice()
    • replace()
    • split()
    • toLowerCase()
    • toUpperCase()
    • contact
  • 字符串练习
  • 字符串_验证码(1)
  • 字符串_验证码(2)
  • 字符串_敏感词汇过滤
  • 字符串_表单验证

对象部分

  • 对象
  • delete
  • Math对象的方法
  • 声明日期对象
  • 日期对象的方法
  • 自定义当前时间
  • 日期对象的练习
    • Date.parse()
    • d.getTime()
    • d.setTime()

BOM和DOM部分

  • 认识BOM 
    • BOM定义
    • 系统对话框涉及到的方法
    • open方法
    • history对象
    • location对象
    • location对象方法
  • 认识DOM
    • DOM定义
    • 获取元素节点
    • 自定义byClassName方法
    • 获取当前有效样式
    • 改变字体颜色和大小案例
    • attribute和元素节点属性
    • 获取子节点
    • 属性节点attributes
    • DOM的节点操作
    • 节点操作案例​​​​​​​
  • this和快速找到当前点击按钮下标
    • this关键字
  • 选项卡
  • offset系列方法
  • 文档碎片
  • 数组和对象的遍历方法
    • 数组遍历
    • 对象遍历

事件和事件类型

  • 事件和事件类型
    • 认识事件和事件类型
    • 事件绑定
      • 事件类型的种类
    • Event事件类型(window和表单)
    • 事件练习
      • 跟随鼠标移动的动图
      • 跟随鼠标一串的效果
    • 阻止默认行为
    • HTML事件
      • window事件
      • 表单事件
    • 事件对象
      • 事件对象属性
    • 跟随鼠标提示框
    • 鼠标事件对象的属性
    • 键盘事件对象的属性
    • 事件冒泡和目标对象
    • 拖拽
    • 事件委托
    • Event事件监听器
    • 动态生成表格
    • 放大镜案例

正则表达式

  • 声明正则表达式
  • 正则表达式方法
  • 字符串中可以使用正则的方法
  • 正则_元字符
    • 单个字符和数字的元字符
    • 重复字符
    • 空白字符
    • 锚字符
  • 正则_练习
    • 元字符_替代字符
    • 修饰符
    • 案例

localStorage、this、let、const

  • localStorage
    • 本地存储技术    
      • localStorage对象
      • localStorage实战
  • this和强制改变this指向的函数
    • this复习
    • 强制改变this指向的函数
      • call方法
      • apply方法
      • bind方法
      • 三种方法比较
      • apply使用小技巧
  • let关键字
  • const关键字

箭头函数

  • 各种形式的箭头函数
  • 箭头和ECMA5数组方法结合
  • 箭头函数需要注意的部分

解构以及ECMA6

  • 解构
    • 中括号解构
    • 大括号解构
    • 解构对传统的好处
    • ECMA6字符串
  • 新增数组方法
    • Array.from()
    • find()
    • findIndex()
    • copyWithin()
  • 合并对象
    • Object.assign
  • 深拷贝
  • 浅拷贝

集合部分

  • 集合
    • Set
      • 集合的遍历
    • Map
  • 数组的遍历方式

面向对象及构造函数

  • 回顾面向对象概念
    • 认识面向对象
    • 构造函数
      • 工厂模式
    • prototype 原型对象
    • 混合法——构造函数
    • 原型详解
    • 继承和多态
    • ECMA6-class语法
    • 面向对象实战和this指向问题
  • 拖拽继承版
    • 继承拖拽-实现限制出界
  • 选项卡-面向对象改造

运动部分

  • 运动与游戏开发
    • 认识运动
    • 分享到菜单案例
    • 淡入淡出案例
    • 缓冲运动
    • 多物体运动
    • 链式运动
    • 碰撞
    • 打砖块
    • 圆周运行
    • 完美运动框架

多图片效果

  • 放大效果
  • 多图片的缩放
  • banner图效果
    • 循环播放图片
    • banner轮播图效果

Ajax部分

  • 了解Ajax
  • 同步和异步
  • Ajax对象兼容和try_throw_catch
    • try_catch
    • tyr_throw_catch
  • onreadyStatechange事件
    • status HTTP状态码
  • GET和POST请求
    • form表单-GET请求
    • form表单-POST请求
    • Ajax-GET请求
    • Ajax-POST请求
  • Ajax函数的封装
    • querystring函数封装
    • Ajax函数封装初步
    • 回调函数
  • JSON对象和实战案例
    • JSON对象
    • 案例-获取新闻列表

PHP入门​​​​​​​

  • 服务器入门和安装
  • PHP语法
    • PHP简介
    • PHP的输出函数
      • RIA
    • 变量和数据类型
    • 条件语句
    • 函数
    • PHP数组
      • 索引数组
      • 关联数组/键值数组
      • 数组函数

​​​​​​​

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值