Javascript基础

HTML基础，页面结构，骨架

常见：div p span i ul li input img h1-h6 a 

CSS：外观、样式的展现

常见：width height margin padding position border float

CSS3常见：transform animation flex

js页面效果，数据交互

用途，写法

js包含：ECMAScript，ECMA是标准，规范，script是脚本

Actionscript，flash/flex使用的语言

Javascript，ECMS5.0-版本 ECMA6.0

变量，数据类型，作用域，函数，数组，对象等语法规范

DOM，文档对象模型document object

Model，主要是操作HTML元素

BOM,浏览器对象模型browser object model

Web worker多进程，和HTML无关，和浏览器无关，属于后台进程

Node.js服务器语言，后台语言，与HTML和浏览器无关

1.了解js的发展实际应用场景

JavaScript简称JS，是一种客户端脚本语言，主要用来向HTML网页添加各式

各样的动态功能,为用户提供更流畅美观的浏览效果。

实际应用场景

1.网页特效

2.服务端开发(Node.js)

3.命令行工具(Node.js)

4.桌面程序(Electron)

5.App(Cordova)

6.控制硬件-物联网(Ruff)

7.游戏开发(cocos2d-js)

变量：可以变化的量

变量名要求：以字母、下划线、$开头，跟随字母、数字、下划线、$

语句结束的分号：推荐每一句结束之后带分号

变量可以连续声明，用英文逗号隔开

变量赋值：用=为变量设置数据

js是弱语言：声明变量可以不设置变量的数据类型，赋值变量时决定变量是何种数据类型

//注释的优点：保存备用代码，对代码进行解释

//js单行注释　　/**/多行注释

数据类型

　　基本类型（简单类型）

　　　　String（字符串）

　　　　Number（数字）

　　　　Boolean（布尔值）

　　　　Undefined（未定义）

　　　　Null（空）

　　引用类型（复杂类型）

　　　　Function（函数）

　　　　Array（数组）

　　　　Object（对象）

　　　　验证数据类型：typeof数据（null、array、object无法用typeof区分数据类型）

基本类型和引用类型的区别：

　　存储位置

　　　　基本类型存储在栈中 栈中存储变量、基本数据类型、引用类型的地址

　　　　引用类型存储在堆中 对中存放引用数据的类型

　　存放顺序

　　　　栈中数据是先进后出（搭积木），有顺序

　　　　堆中数据是无序存放的

　　存储空间

　　　　所有数据存放于内存中

　　　　栈中的数据系统自动开放，固定空间

　　　　堆中的数据由程序员动态设置空间

多个变量可以访问同一个数据

一个变量不可以访问多个数据

em父元素的font-size设置，1em=父元素font-size大小

re 1rm=html下的font-size大小 html{font-size:30px;}

vh view-height，可视窗口高

vw view-width，可视窗口宽

display:none;width、height、padding、margin、opacity=0 不占位置，影响内部子

元素的显示

opacity:0;完全透明，占位置

visiblity:hidden;不占位置，后袋子元素继承父级隐藏属性，可以重新设置

数据类型的转换

　　强制转换：Strong（数据）第一个字母要大写

　　将数字隐式转换为字符串：数字+“空字符串”

　　强制转换成布尔值：Boolean（数据）