浏览器简介及前端的引入

浏览器

发展史

时间	人物	事件	特征
1991	Berners Lee	建立了第一代网络浏览器World Wide Web	只支持显示文本图片
1993	马赛克	开发出Mosaic内核的马赛克浏览器	可以同时显示文本和图像
1994	网景	开发出Gecko内核(旧)，及网景Netscape浏览器	显示简单的静态html
1994	Opera
1995	微软	发布IE1.0和IE2.0
1996	微软	发布IE3.0	与windows操作系统集成
1998	网景	开发火狐浏览Firefox
2003	苹果	发布Safari浏览器	与苹果操作系统集成
2004	网景	发布火狐浏览器Firefox1.0版本
2005	苹果	开源Safari浏览器的内核Webkit
2008	谷歌	创建新项目Chromium，发布Chrome浏览器	以苹果的开源webkit作为基础
2015	微软	推出Edge浏览器作为IE的替代品	以Webkit为内核

内核

内核	浏览器
Trident	IE
Gecko	Firefox
Webkit	Safari
Blink	Chrome、Opera、Edge

主流浏览器

谷歌、火狐、IE、safari、opera

前端

• PC端
• 移动端
• 部分APP上的界面

架构模式

B浏览器/S服务器 架构模式
C客户端/S服务器 架构模式

核心技术

Html

• Hyper Text Markup Language(超文本标记语言)
• 描述网页的内容和结构，是一种制作万维网页面的标准语言;
  • 用HTML编写的超文本文档称
    为HTML文档，独立于各种操作系统平台；
  • HTML文件是由HTML命令组成的描述性文本，通过标记式的指令(标签Tag)，记录了网页中文字、影像、声音、图片、动画等内容，然后通过Web浏览器解释并显示出来。

Css

• Cascading Style Sheets（层叠样式表）
• 用于对页面的排版和美
  化；
• 是一种定义样式结构如字体、颜色、位置等的标记语言，被用于描述网页元素的显示方式；

Javascript

• 一种直译式脚本语言，简称js；
• 可以嵌入到HTML网页中，规定网页与用户的交互行为；
• js由客户端的浏览器解释执行，解释器被称为JavaScript引擎，是浏览器的一部分；
• JavaScript =（简化的）函数式编程 +（简化的）面向对象编程

一个完整的 JavaScript 实现应由三个部分组成：

• 核心（ECMAScript）， 描述了该语言的语法和基本对象。
• 文档对象模型（DOM），描述处理HTML网页内容的方法和接口。
• 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

三者的关系

一个网页主要是由三部分组成： 结构（Structure）、表现（ Presentation）和行为（Behavior）：

• HTML：结构，决定网页的结构和内容（“是什么”）；
• CSS：表现，设定网页的表现样式（“什么样子”）；
• JS：行为，控制网页的行为（“做什么”）；