视频链接：较为基础的视频链接，建议有基础的直接挑重点学习?????黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门_哔哩哔哩_bilibili
一、计算机基础部分
文章图片
文章图片
2、计算机基础
文章图片
文章图片
文章图片
文章图片
二、Java Script初识
1、初识javaScript
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
2、js三种书写位置，分别为行内式，内嵌式js和外部
文章图片
（1.行内式的js直接写到元素的内部
文章图片
文章图片
???????
文章图片
（2. 内嵌式js
文章图片
文章图片
文章图片
(3、外部js
文章图片
文章图片
文章图片
文章图片
3. js注释
文章图片
4. js输入输出语句
文章图片
练习：
文章图片
文章图片
console.log按f12后，在console中可以看到
文章图片
5、变量
（1）什么是变量
文章图片
文章图片
（2）变量的使用
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
（3）变量的案例
文章图片
文章图片
文章图片
（4）变量案例弹出用户名
文章图片
文章图片
（5）变量语法扩展 
文章图片
文章图片
文章图片
（6）变量的命名规范
文章图片
（7）交换两个变量的值
文章图片
文章图片
文章图片
（8）变量小节
文章图片
6、数据类型
（1）数据类型导读
（2）数据类型简介
文章图片
文章图片
文章图片
文章图片
（3）Number
文章图片
文章图片
文章图片
???????
文章图片
文章图片
文章图片
（4）isNaN
文章图片
文章图片
（5）字符串型String
文章图片
文章图片
文章图片
（6）弹出网页警示框
文章图片
文章图片
（7）字符串长度及拼接
文章图片
【js|Javascript一，基础部分】
文章图片
文章图片
（8）字符串拼接加强
文章图片
文章图片
文章图片
（9）显示年龄案例
文章图片
文章图片
文章图片
（10）boolean，undefine和null
文章图片
文章图片
文章图片
（11）typeof检测变量数据类型
文章图片
文章图片
也可以通过浏览器（F12来检测数据类型）：蓝色为数值型，黑色为字符型，，深一点的蓝色是boolean型，浅灰色为undefined和null
文章图片
（12）字面量
文章图片
（13）转换为字符串类型
文章图片
文章图片
（14）转换为数字行parseInt和parseFloat???????
文章图片
文章图片
（15）转换为数字类型Number和隐式转换
文章图片
文章图片
（16）计算年龄案例
文章图片
文章图片
文章图片
（17）简单加法器案例
文章图片
文章图片
文章图片
（18）转换为布尔型
文章图片
（19）扩展阅读之编译和解释语言的区别
文章图片
文章图片
（20）扩展阅读之之关键字标识符保留字
文章图片
文章图片
文章图片
7、运算符
（1）运算符导读
文章图片
（2）算数运算符
文章图片
文章图片
文章图片
文章图片
（3）表达式和返回值
文章图片
文章图片
（4）前置递增运算符
文章图片
推荐阅读
- odoo|odoo 前端 patch（补丁）用法
- JavaScript|JavaSrcipt学习(学习打卡Day6)
- javascript|实验四 JavaScript的使用(学习打卡Day 2)
- 学习笔记|使用node.js来连接mongodb数据库
- 将”OnChange”添加到woocommerce选择元素的正确方法（）
- javascript入队问题
- 视差WordPress主题标签仅在Google Chrome中不起作用
- Owl轮播-使用上一个/下一个跳过过去的图像
- 需要帮助消除滚动菜单上的不透明度