蜗牛学院第一天

JavaScript第一天

css属性的单词：style
border/padding(left,right,buttom,top),margin(left,right,buttom,top)/color/font-size/font-family/font-style/background-color/background-img/width/height/float/opacity/position/line-text/
line/height

javascript:
前端：
HTML、div+css、JavaScript（jQuery/bootstrap/Vue.js/node.js）
后端：Java
数据端：
数据库：mysql/oracle/sql server

JavaScript：
1、简单易学；
2、效率比较高的一门语言。
3、是一门轻量级的脚本语言。
脚本语言：不需要进行编译，只需要一个第三方进行解析运行即可。

Javascript语言组成：
Javascript和Java有没有联系：没有任何的关系，除了有四个字母相同之外，没有任何的关系。
1、ECMAScript:js的基本语法。（输入输出的基本语法）
2、BOM:浏览器对象：window.prompt(“”);window.alert(“”);
3、DOM:文本操作对象:document.write(“”);

javascript知识点组成：
1、输入输出
2、语法规则
3、注释
4、变量
5、数组
6、函数
7、数据类型
8、控制语句
9、运算符
1、输入输出；
输入：只有一种：以弹出框的方式进行输入：
window.prompt(“请输入用户名：”);

输出有三种方式：
方式1：以弹出框的方式进行输出：
window.alert(“弹出的内容”)

方式二：
在网页的页面进行输出：
document.write(“”);

方式三：在控制台（在浏览器上，按F12进行查看网页的控制台，切换到第二个console的位置）进行输出：

console.log(“方式三：在控制台输出”);

三种输出方式的优先级：
window.alert(“”);
document.write(“”);
console.log(“”)

window.alert(“”)方式比document.write(“”)方式优先级要高；
console.log和window.alert(“”)方式，那么浏览器会按照从上往下顺序执行；

用三种方式的时机：
弹出框：由于优先级的问题，用的不多
在网页上输出：在我们需要在网页上看到效果的情况下使用。
在控制台输出：开发人员用的最多，由于是在控制台输出，没有在网页上输出，不会对我们的网页进行布局的破坏，那么有利于调试程序代码使用。

变量：用来存储单个数据的英文单词（自己定义）。
语法：var 变量名 = 值；
变量的三种方式：
方式1：定义一个并且赋值：var userName = “张三”；
补充知识点：js的换行：
document.write(“
”);
方式2：先定义后赋值；
var password;
password = “admin”；
方式3：不用定义，直接赋值

数据类型：
1、number：数字
2、string：字符串
3、boolean：只有两个值，true（真）/false（假）
4、NaN：not a number ：不是一个数字
5、undefined：没有定义的变量
6、object
7、数组：

js里面查看一个变量时什么数据类型，使用typeof（变量名）;
number 数据类型：只要是纯数字类型的变量为number，并且，纯数字不能被引号所包括。
string数据类型：被单引号或者双引号括起来的表示string数据类型；

算术运算符：+ - * / %（取余或者模） ++ – += -= *= /=
+算术运算符：当加号的两边都为number数据类型的时候，则+运算符做加法运算，将两个数字进行相加得到和。当加号的任意一边有string数据类型的时候，则作为字符串链接；

自增运算：++
++a：当自增运算放在变量前面的时候，则先自增，再使用，
a++：当自增运算符放在变量的后面的时候，则先使用再自增。

分支语句：三种形式：
1、if(判断语句){}
2、if(判断语句){}else{}
3、if(判断语句){}else if(判断语句){}else{}

1、只有一种情况，使用if(判断语句){}
增加知识点：
判断运算符：== < > <= >= != === !==
判断运算符是和条件语句一起使用的，就是和if括号里面的一起进行运算的。