一．web前端三层来说：
结构层 html 从语义的角度，描述页面结构
样式层 CSS 从审美的角度，美化页面
行为层 javascript 从交互的角度，提升用户体验
二、认识数字和字符串 - 直接量
alert(886); //886是数字，所以不需要加引号
字符串，就是人说的话，比如单词、句子，它们不是数字。一定要加上引号。
|
alert(今天天气很好); //错误的语句，因为没有加上引号
|
三，几种输出方式
|
1 console.log("今天天气真好"); |
console表示“控制台”，log就是“输出”
2.alert(); 警告窗弹出
四．变量
计算机的程序中，也是有这样的量，就是用字母来表示数字、字符串等其他东西的，称为“变量”。
变量名有命名规范：
只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。
下列的单词，叫做保留字，就是说不允许当做变量名，不用记：
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
大写字母是可以使用的，并且大小写敏感。也就是说A和a是两个变量。
|
1 var A = 250; 2 var a = 888; |
在JavaScript中，永远都是用var来定义变量，这点C、Java等等既然不同。
01．区别变量和字符串
var a = 100;
console.log("哥们，字母表里面第一个字母是啥？");
console.log("a"); //输出字母a
这个a在引号里面，所以就是一个字符串“a”了，而不是一个变量。换句话说，一个变量如果想输出保存的内容，那么就不能加引号
02．变量类型
var a = 100; //定义了一个变量a，并且赋值100
console.log(typeof a); //输出a变量的类型
typeof表示“某某的类型”
语法：
|
typeof 变量 |
JavaScript种，只要是个数，那么就是数值型的，无论整浮、无论大小、无论正负，都是number类型的
03.字符串型
1 var a = "abcde";
2 var b = "自学";
3 var c = "123123";
4 var d = "哈哈哈哈哈";
5 var e = ""; //空字符串
04连字符和加号
键盘上+在JS中有两层含义：
1） 连字符
2） 加
console.log("我" + "爱" + "你"); //连字符，把三个独立的汉字，连接在一起了
console.log("我+爱+你"); //原样输出
console.log(1+2+3); //输出6
同样是加号，有时候表示的是连字符，有时候表示的是加号。什么时候是连字符？什么时候是加呢？
如果加号两边都是数值，此时是加。否则，就是连字符。
1 <script type="text/javascript">
var a = "1";
var b = 2; 输出12
console.log(a + b);
</script>
var a = 234234;
var b = 234323112;
console.log("a+b"); //由于加上了引号，所以就表示原样输出 //ab
var a = 1;
var b = 2;
console.log("a" + b); //"a"就不是变量了！所以就是"a"+2 输出a2
var a = 123;
var b = "123";
console.log(a + "b"); //输出123b
五．变量值的传递
|
a = b; |
将等号右边的值，赋给左边的变量；等号右边的变量，值不变。
把b的值赋给a，b不变。
六．运算符和表达式
|
+ |
加 |
|
- |
减 |
|
* |
乘 |
|
/ |
除（问号杠） |
|
% |
取余数 |
|
( ) |
括号 |
01，乘方和开根号
= 3 * 3 * 3 * 3
|
var a = Math.pow(3,4); console.log(a); |
pow就是“power”乘方的意思。
|
var a = Math.pow(3,4*5); console.log(a); |
开根号：
|
var a = Math.sqrt(81); console.log(a); |
sqrt就是英语“开根号”的意思。
七变量格式转换
用户的输入
var a=prompt(“请输入你想说的话”);
console.log(a);
prompt就是专门用来弹出能够让用户输入的对话框用户不管输入什么，都是字符串！
01字符串→数字
方法: parseInt(“5”) 输出的是数字5
parse是英语里面的转换的意思，Int表示整数。注意拼写：
parseInt
02.parseInt带有自动净化的功能
console.log(parseInt("365天每天都爱你10000次")); 输出365，只会保留开头的数字
03自动带有截断小数功能（取整，不四舍五入）
console.log(parseInt(5.8)); 输出5
八．布尔值和关系运算符、逻辑运算符
布尔类型的值，就两个，true、false。
01.关系运算符
- > 大于号
- < 小于号
- >= 大于或等于
- <= 小于或等于
- == 等于
- === 全等于
- != 不等于
- !== 不全等于
关系运算符，得到的结果都是布尔值，也就是说得到的东西要么是true，要么是false
注意，在JS中=符号只有一个意思！表示赋值！！
如果想判断两个东西，是否相等，需要使用符号==
==等等不严谨，会将不同类型的东西，转为相同类型进行比较：
|
console.log("5" == 5); //true console.log(56 == "56"); //true |
全等于，就是三个等号===
|
1 //全等于 2 console.log("56" === 56); //false 3 console.log(56 === "56"); //false 4 console.log("56" === "56"); //true 5 console.log(56 === 56); //true |
也就是说，==两个等号，不严谨，”5”和5是true； ===三个等号更为严谨，”5”和5是false
02.逻辑运算符
逻辑运算符有三个：
&& 与（且）
|| 或
! 非
参与逻辑运算的，都是布尔值。也就是说，只有true、false才能参与逻辑运算，得到的答案，仍然是布尔值。
|
// &&表示“且”的意思，都真才真 console.log(true && true); //true console.log(true && false); //false console.log(false && true); //false console.log(false && false); //false |
九函数
函数，是一种封装。就是将一些语句，封装到函数里面。通过调用的形式，执行这些语句。
函数的使用，是两个步骤，第一步，函数的定义：
语法：
|
function 函数名字(){
} |
第二步，函数的调用。