JavaScript 学习计划

时间:2024-10-07 07:33:50

学习目标:

一周掌握 JavaScript 入门知识

学习内容:

JavaScript 教程

  • 什么是JavaScript
  • 为什么学习 JavaScript
  • 谁适合阅读本教程?
  • 阅读本教程前,您需要了解的知识

JavaScript 简介

  • JavaScript 是脚本语言
  • JavaScript:直接写入 HTML 输出流
  • JavaScript:对事件的反应
  • JavaScript:改变 HTML 内容
  • JavaScript:改变 HTML 图像
  • JavaScript:改变 HTML 样式
  • JavaScript:验证输入

JavaScript 用法

  • <script> 标签
  • <body> 中的 JavaScript
  • JavaScript 函数和事件
  • <head> 或者 <body> 的JavaScript
  • <head> 中的 JavaScript 函数
  • <body> 中的 JavaScript 函数
  • 外部的 JavaScript

JavaScript 输出

  • JavaScript 显示数据
  • 使用 ()
  • 操作 HTML 元素
  • 写到 HTML 文档
  • 写到控制台

JavaScript 语法

  • JavaScript 字面量
  • JavaScript 变量
  • JavaScript 操作符
  • JavaScript 语句
  • JavaScript 关键字
  • JavaScript 注释
  • JavaScript 数据类型
  • 数据类型的概念
  • JavaScript 函数
  • JavaScript 字母大小写
  • JavaScript 字符集

JavaScript 语句

  • 分号 ;
  • JavaScript 代码
  • JavaScript 代码块
  • JavaScript 语句标识符
  • 空格
  • 对代码行进行折行

JavaScript 注释

  • 单行注释以 // 开头。
  • 多行注释以 /* 开始,以 */ 结尾。
  • 使用注释来阻止执行
  • 在行末使用注释

JavaScript 变量

  • 变量是用于存储信息的"容器"。
  • 就像代数那样
  • JavaScript 变量
  • 变量必须以字母开头
  • JavaScript 数据类型
  • 声明(创建) JavaScript 变量
  • 一条语句,多个变量
  • 重新声明 JavaScript 变量
  • JavaScript 算数

JavaScript 数据类型

  • JavaScript 拥有动态类型

  • JavaScript 字符串

  • JavaScript 数字

  • JavaScript 布尔

  • JavaScript 数组

  • JavaScript 对象

  • Undefined 和 Null

  • 声明变量类型

JavaScript 对象

  • 真实生活中的对象,属性和方法

  • JavaScript 对象

  • 对象定义

  • 对象属性

  • 访问对象属性

  • 对象方法

  • 访问对象方法
    JavaScript 函数
    JavaScript 函数
    JavaScript 函数语法
    调用带参数的函数
    带有返回值的函数
    局部 JavaScript 变量
    全局 JavaScript 变量
    JavaScript 变量的生存期
    向未声明的 JavaScript 变量分配值
    JavaScript 作用域
    JavaScript 作用域
    JavaScript 局部作用域
    JavaScript 全局变量
    JavaScript 变量生命周期
    函数参数
    HTML 中的全局变量
    JavaScript 事件
    HTML 事件
    常见的HTML事件
    JavaScript 可以做什么?
    JavaScript 字符串
    JavaScript 字符串
    字符串长度
    特殊字符
    字符串可以是对象
    字符串属性和方法
    字符串属性
    字符串方法
    JavaScript 运算符
    JavaScript 算术运算符
    JavaScript 赋值运算符
    对字符串和数字进行加法运算
    JavaScript 比较
    比较运算符
    逻辑运算符
    JavaScript 条件语句
    条件语句
    if 语句
    if…else 语句
    if…else if…else 语句
    JavaScript switch 语句
    JavaScript switch 语句
    default 关键词
    JavaScript for 循环
    JavaScript 循环
    do/while - 同样当指定的条件为 true 时循环指定的代码块
    For 循环
    For/In 循环
    While 循环
    JavaScript while 循环
    while 循环
    do/while 循环
    比较 for 和 while
    JavaScript break 和 continue 语句
    break 语句
    continue 语句
    JavaScript 标签
    JavaScript typeof
    typeof 操作符
    null
    undefined
    undefined 和 null 的区别
    JavaScript 类型转换
    JavaScript 数据类型
    typeof 操作符
    constructor 属性
    JavaScript 类型转换
    JavaScript 变量可以转换为新变量或其他数据类型:
    通过使用 JavaScript 函数
    通过 JavaScript 自身自动转换
    将数字转换为字符串
    将布尔值转换为字符串
    将日期转换为字符串
    将字符串转换为数字
    将布尔值转换为数字
    将日期转换为数字
    自动转换为字符串
    JavaScript 正则表达式

  • 什么是正则表达式?

  • 使用字符串方法

  • search() 方法

  • replace() 方法

  • search() 方法使用正则表达式

  • search() 方法使用字符串

  • replace() 方法使用正则表达式

  • 使用 test()

  • 使用 exec()

JavaScript 错误

  • JavaScript 错误

  • JavaScript 抛出(throw)错误

  • avaScript try 和 catch

  • finally 语句

  • Throw 语句

JavaScript 调试
JavaScript 调试
JavaScript 调试工具
console.log() 方法
debugger 关键字
Chrome 浏览器
Firefox 浏览器
Safari
Opera
JavaScript 变量提升
JavaScript 初始化不会提升
在头部声明你的变量
JavaScript 严格模式
使用 “use strict” 指令
严格模式声明
严格模式的限制
保留关键字
JavaScript 使用误区
赋值运算符应用错误
比较运算符常见错误
加法与连接注意事项
浮点型数据使用注意事项
JavaScript 字符串分行
错误的使用分号
return 语句使用注意事项
数组中使用名字来索引
定义数组元素,最后不能添加逗号
定义对象,最后不能添加逗号
Undefined 不是 Null
程序块作用域

JavaScript 表单
JavaScript 表单验证
HTML 表单实例
JavaScript 验证输入的数字
HTML 表单自动验证
数据验证
HTML 约束验证
约束验证 CSS 伪类选择器
JavaScript 表单验证
JavaScript 表单验证
必填(或必选)项目
E-mail 验证
JavaScript 验证 API
约束验证 DOM 方法
约束验证 DOM 属性
Validity 属性
JavaScript 保留关键字
JavaScript 标准
JavaScript 保留关键字
JavaScript 对象、属性和方法
Java 保留关键字
Windows 保留关键字
HTML 事件句柄
非标准 JavaScript
JavaScript this
JavaScript this 关键字
单独使用 this
函数中使用 this(默认)
函数中使用 this(严格模式)
事件中的 this
对象方法中绑定
显式函数绑定
JavaScript let 和 const
全局变量
局部变量
JavaScript 块级作用域(Block Scope)
重新定义变量
循环作用域
局部变量
全局变量
HTML 代码中使用全局变量
变量提升
const 关键字

  • 并非真正的常量

  • 重置变量

  • 变量提升

JavaScript JSON
什么是 JSON?
JSON 格式化后为 JavaScript 对象
JSON 语法规则
JSON 数据 - 一个名称对应一个值
JSON 对象
JSON 数组
JSON 字符串转换为 JavaScript 对象
相关函数
JavaScript void
href="#"与href="javascript:void(0)"的区别
JavaScript 异步编程
异步的概念
什么时候用异步编程
回调函数
异步 AJAX
JavaScript Promise
构造 Promise
Promise 的使用
Promise 函数
异步函数
JavaScript 代码规范
JavaScript 代码规范
变量名
空格与运算符
代码缩进
语句规则
对象规则
每行代码字符小于 80
命名规则
HTML 载入外部 JavaScript 文件
使用 JavaScript 访问 HTML 元素
文件扩展名
使用小写文件名
JS 函数

JavaScript 函数定义
JavaScript 函数参数
JavaScript 函数调用
JavaScript 闭包
JS HTML DOM
DOM 简介
DOM CSS
DOM 事件
DOM EventListener
DOM 元素
HTMLCollection 对象
NodeList 对象
JS 高级教程
JavaScript 对象
JavaScript prototype
JavaScript Number 对象
JavaScript String
JavaScript Date(日期)
JavaScript Array(数组)
JavaScript Boolean(布尔)
JavaScript Math(算数)
JavaScript RegExp 对象
JS 浏览器BOM
JavaScript Window
JavaScript Window Screen
JavaScript Window Location
JavaScript Window History
JavaScript Navigator
JavaScript 弹窗
JavaScript 计时事件
JavaScript Cookie
JS 库
JavaScript 库
JavaScript 测试 jQuery
JavaScript 测试 Prototype
JS 实例
JavaScript 实例
JavaScript 对象实例
JavaScript 浏览器对象实例
JavaScript HTML DOM 实例
JavaScript 总结

学习时间:

1、 周一至周五晚上 7 点—晚上9点
2、 周六上午 9 点-上午 11 点
3、 周日下午 3 点-下午 6 点

学习产出:

1、**** 学习笔记博客 3 篇
2、运用所学到的JS知识完善上周HTML+CSS产出的网站