JaveScript基础知识

JaveScript是什么

  1）JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言(Script是脚本的意思)
  2）脚本语言:不需要编译，运行过程中由js解释器(js 引擎）逐行来进行解释并执行
  3）现在也可以基于Node.js技术进行服务器端编程

JS基础知识：

  1）基础语法：变量、数据类型、数据类型、流程语句、数组、函数、内置对象
  2）JS webapi ：dom、client、scroll、offset、js动画、轮播图
  3）JS高级：面向对象、原创、原型链、构造函数、异步......

编程语言和标记语言的区别

 编程语言：编程语言有很强的逻辑和行为能力。在编程语言里,你会看到很多if else,for , while等具有逻辑性和行为能力的指令，这是主动的。
标记语言：标记语言(html）不用于向计算机发出指令，常用于格式化和链接。标记语言的存在是用来被读取的，他是被动的。

JavaScript的作用

 1、表单动态校验〔密码强度检测）(JS产生最初的目的）
 2、网页特效
 3、服务端开发(Node.js)
 4、桌面程序(Electron)
 5、App(Cordova)
 6、控制硬件-物联网(Ruff)
 7、游戏开发(cocos2d-js)
 8、3D场景展示

HTML/CSS/JS的关系

HTML/CSS标记语言--描述类语言
   1、HTML决定网页结构和内容(决定看到什么)，相当于人的身体
   2、CSS决定网页呈现给用户的模样(决定好不好看），相当于给人穿衣服、化妆
   
JS脚本语言--编程类语言
   实现业务逻辑和页面控制(决定功能)，相当于人的各种动作

浏览器分成两部分:渲染引擎和JS引擎

1.渲染引擎:
    用来解析HTML与cSS，俗称内核，比如chrome浏览器的blink，老版本的webkit
2.JS引擎:
    也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如chrome浏览器的V8

JS的组成

JavaScript语法     页面文档对象模型     浏览器对象模型

JS

JS有三种书写位置：行内、内嵌、外部。
1.行内式
      <input type="button" value="点我试试" onclick="alert('Hello world')"/>
2.内嵌式
       <script>
           alert('Hello  world ! ');
        </script>
3.外部JS文件
      <script src="my.js"></script>

JS代码编写位置

推荐在body的结束标记前嵌入JS代码

声明变量

1） var str :  声明变量
2） =“相看两不厌，唯有敬亭山”  ： 是数据，将其赋值给变量
3） var : js中的关键字，浏览器只要看到这个关键字，就知道紧跟着他的字符是一个变名称
4）  =  :  赋值符号，是js中的运算符，作用是将右边的数据赋值给左边的变量str
5） str : 变量名称 : 变量名称应该能够说明代表的数据的意义


var name='白敬亭'
var age=26
var email='baijingting@bjt.net'
//如果值为数字类型，不需要使用引号包含起来
//如果值不是纯数字，则使用引号包含起来，可以使用双引号或者单引号，推荐单引号

//声明变量用于存储你喜欢的一个人的名字
var name='白敬亭'
console.log(name)
//可以更新变量的值，但是注意的不能带 var  关键字
name='秦奋'
console.log(name)

变量命名规则

 1） 由字母(A-Za-z)、数字(0-9)、下划线_)、美元符号($)组成，如: usrAge,num01,_name
 2）严珞区分大小写。var app;和var App;是两个变量
 3）不能以数字开头。18age是错误的
 4）不能是关键字、保留字。例如: var、for、while
 5）变量名必须有意义。MMDBBDnl →age
 6）遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName

数据类型

 1）整数、小数(浮点类型)、整数、负数都是数字类型：Number
 2）凡是使用引号包含起来的都是字符串类型：string
 3）表示真和假的类型叫做布尔型：Boolean
 4）如果声明一个变量，但是没有赋值。其类型结束undefined
      var aa  //undefined类型
      
 5）值既不是数字，又没有用隐含包含起来 ：布尔类型
      布尔类型的值就两个值：true和false
      
      var isFriend=false  //不是朋友
      var isMary=true     //表结婚了