一、前端发展史
网页组成
- HTML(5):搭建DOM结构
- CSS(3):样式处理及动画处理
- JavaScript(JS):人机交互效果、数据交互和渲染等 pc端或者移动端都是如此
web1.0时代:静态网页
- 1989年,在欧洲粒子物理实验室Tim Berners-Lee(伯纳斯·李)提出:个人计算机上访问大量的科研文献,并建议在文档中链接其他文档 =>“WEB原型”
- 1994年,W3C(万维网)成立,制定HTML/CSS标准 “前端历史的起点” 「静态页面」
- 2014 HTML5(移动端的崛起)
- 2011 CSS3
- 1997年6月,ECMA(欧洲计算机联合制造会)统一了JavaScript标准 “ECMA-262” 「人机交互/数据交互」
- ECMAScript(ES):代指定的就是JS标准
- ES3/ES5:JS老语法规范 1999->ES3 2011->ES5
- ES6(ES2015)~ES2010:JS新语法规范 2015->ES2015(ES6前身) 以后每年六月份,都会在这个语法版本的基础上,不断去“修补牛蹄子
二、认识浏览器
- 1995 网景的Navigator浏览器
- 1996 微软的Internet Explorer浏览器(IE浏览器)
- 2002 IE浏览器完胜,占据96%的市场份额(一家独大:浏览器没有完全按照W3C/ESMA的标准去解析HTML/CSS/JS代码,导致了IE中有很多的“兼容”问题,例如:IE6~8)
- 2004 Firefox火狐浏览器
- 2008 Chrome谷歌浏览器(特色:V8引擎「性能优越/吃电脑内存」)
- 这个年代中诞生了很多浏览器
- 自主技术研发:欧朋浏览器(Opera)
- 基于别人的技术,套一层壳子(早期都是套IE的壳子):360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器、世界之窗、傲游、腾讯TT...
- 2014年随着HTML5的发布,移动端(webApp)的崛起
- IOS操作系统:内置浏览器Safari ->Webkit
- 安卓操作系统:谷歌研发的操作系统 ->Webkit
- 慢慢的伴随着移动的崛起,Webkit成为最主流的内核
- 国产浏览器再套壳子,套的也是Webkit内核(极速),但是兼容版本还是Trident内核
- 移动端浏览器基本上都是Webkit内核:UC、QQ浏览器、百度浏览器...、
浏览器内核/渲染引擎
内核:按照W3C/ECMA等标准实现HTML/CSS/JS代码解析的以及绘制页面的
- Chrome浏览器:Webkit(V8) / Blink
- Firefox浏览器:Gecko
- IE浏览器:Trident(IE6~11) Microsoft Edge浏览器:Chromium
- Opera浏览器:Presto v14之前采用Presto内核,>=v14采用了Webkit内核,
- Safari浏览器:Webkit(V8) 现在浏览器都是以Webkit内核(V8引擎)为主的