1.1网页分层
web前端一共分三层：
结构层 HTML ： 负责搭建页面结构
样式层 CSS ： 负责页面的美观
行为层 JavaScript ： 负责页面的交互效果，提高用户体验
如果用舞台来进行比喻：
HTML 是演员：div，a
CSS 是化妆师：负责给每个演员添加装饰效果
javascript是剧本：负责描述每个演员之间的交互
1.2 JavaScript诞生
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态效果。JS在web浏览器端的地位，无人可以撼动；
【作用】：数据验证、读写HTML元素、前后台数据交互、网页交互效果、WEB游戏制作、桌面应用开发（electron）、基于Node.js技术服务器端开发。
Javscript，JScript，ActionScript等脚本语言都是基于ECMAScript标准实现的。
在JavaScript，JScript和ActionScript中声明变量，操作数组等语法完全一样，因为它们都是ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法，这些都是各自语言的扩展。
JavaScript是由ECMAScript，DOM和BOM三者组成的。
ECMAScript是一种标准，描述了该语言的语法和基本对象。
文档对象模型（Document Object Model简称DOM），描述处理网页内容的方法和接口。
浏览器对象模型（Browser Object Model简称BOM），描述与浏览器进行交互的方法和接口。
简单来说ECMAScript不是一门语言，而是一个标准。ECMAScript是JavaScript的标准，现在我们学习的版本的ECMAScript4、5。
ECMAScript在2015年6月，发布了ECMAScript 6版本，语言的能力更强。但是，浏览器的厂商不能那么快的去追上这个标准。这些新的特性。
1.3总结
学习：语言核心、DOM、BOM、页面特效
ECMAscript 是JavaScript语言的标准
DOM 通过JavaScript操作网页元素
BOM 通过API（应用程序接口）操作浏览器
1.4学习方法
● 要多去“品”程序，多去思考内在逻辑，读懂每一行代码！
● JS机械重复性的劳动几乎为0，基本都是创造性的劳动。HTML、CSS都是重复的劳动，margin、padding挤来挤去。
● 永远不要背程序，每一个程序都必须自己会写。
好学的点是什么：
JavaScript是有界面效果：不像C语言，黑底白字，很枯燥的。
JavaScript的语法来源于C和Java：有C和Java的经验同学好学很多。
JavaScript是弱变量类型的语言，动态数据类型语言。
JavaScript运行在宿主环境中，不关心内存，垃圾回收。
不好学的点是什么：
兼容性问题： IE8是个怪胎，很多东西都不一样，所以就要写兼容写法，不怕造轮子，多写几遍
花式写法很多，抽象：从简单入手，细细品味代码
二、JavaScript基本语法
2.1 JavaScript书写位置
这事儿吧，挺有意思，就是学习任何的语言，我们都喜欢在屏幕上直接输出一点什么，当做最简单、最基本的案例。输出什么大家随意，但是很多人都习惯输出“hello world”，世界你好。感觉自己很有情怀的样子。
<script type=”text/javascript”>
alert(“hello world!”);
</script>
初学者在学习js时，一般将JS代码写在HTML结构中，书写位置在一对script标签内。标签书写位置可以是HTML结构中的任意位置。
type属性：规定的是标签内部书写的是纯文本类型的JS代码。
2.2注释
HTML的注释：
<!–HTML的注释–>
css的注释：
/*css注释*/
JS注释：多行注释、单行注释
单行注释：注释作用范围只有一行，如果换行了那么不能注释。
//这是单行注释
多行注释：
/*
这是js的块级注释
可以注释多行
这些注释不会进行加载
*/
注释快捷键：
Ctrl+/ 单行注释
Ctrl+Shift+/ 多行注释
alert()语句
实际上这条语句，在运行一个内置函数，运行函数就要加圆括号，不要纠结这个对象，学所有语言，都是从模仿开始，前期，不要纠结语法的机理是什么，只要模仿，做就行，你模仿了，就能实现效果，随着课程的深入，你将知道每一条语句的机理是什么。
alert(“内容”);
window.alert(“hello world！”);
alert()其实是window对象的一个方法，只不过window对象可以不写而已。