Python: WEB开发-前端技术与WEB开发环境

参考：Web 浏览器简史

1980年代，Tim Berners-Lee为CERN（欧洲核子研究中心，当时欧洲最大的互联 网节点）设计基于超文本思想的ENQUIRE项目，以促进科研人员之间的信息共享 和更新。1989年他编写了《信息化管理：建议》一文，并构建基于Internet的 Hypertext系统，并在CERN开发了World Wide Web项目，打造了世界上第一个网 站，于1991年8月6日正式上线

• Tim Berners-Lee于1990年发明了第一个浏览器，还发明了HTTP协议
• 1994年MIT他创建了W3C。W3C万维网联盟，负责万维网持续发展。他提出W3C的标准应该基于无专利权、无版税

Marc Andreessen于1993年发明了Mosaic浏览器，看到了这个技术的前景，不久 后他成立自己的公司——网景Netscape。1994发布了Netscape Navigator浏览器， 席卷全球

1995年微软发布IE，开启第一次浏览器大战，最终后来居上

由于IE的捆绑销售行为，网景的单一浏览器市场萎缩，从1990年代的90%下降至2006年的1%

1999年网景被AOL收购，收购后不久，Netscape公开了浏览器代码，并创建了Mozilla组织。Mozilla组织使用

Gecko引擎重写浏览器

Mozilla组织使用Gecko引擎发布了几款浏览器，最终于2004年更名为Firefox浏览器

2003年5月，网景被解散

AOL于2007年12月宣布停止支持Netscape浏览器

Apple的Safari于2003发布第一个测试版

2008年Google的Chrome浏览器带着 V8 引擎横空出世

网景公司的技术：

• HTTP Cookie，解决HTTP无状态
• JavaScript
• SSL协议
• JAR格式文件，将Java的class文件打包压缩，并加上签名

2012年4月9日，微软以10亿5千6百万美元购买800项美国在线的专利或专利授权，专家们认为网景的SSL、Cookie等专利可能是微软愿意出高价的理由之一【摘自wiki百科】

浏览器是一种特殊的客户端，能够基于HTTP(s)、FTP等协议和WEB服务器进行交互，呈现网页内容的软件

可以简单的认为浏览器软件分为2个部分：

外壳

• 外壳提供用户交互的界面

内核（引擎Engine）

• 提供HTML、CSS、图像的渲染引擎，提供DOM编程接口
• 提供JavaScript引擎
  • 提供浏览器内建对象

其他国内浏览器，一般都是采用了以上的一个或两个内核加上外壳实现

Javascript 简称JS，是一种动态的弱类型脚本解释性语言，和HTML、CSS并称三大WEB核心技术，得到了几乎主流浏览器支持

1994年，网景Netscape公司成立并发布了Netscape Navigator浏览器，占据了很大的市场份额，网景意识到WEB需要动态，需要一种技术来实现

1995年9月网景浏览器2发布测试版本发布了LiveScript，随即在12月的测试版就更名为JavaScript。同时期，微软推出IE并支持JScript、VBScript，与之抗衡

1997年，网景、微软、SUN、Borland公司和其他组织在ECMA确定了ECMAScript语言标准。JS就成为ECMAScript标准的实现之一

ES，ECMAScript是由ECMA国际（前身为欧洲计算机制造商协会,英文名称是 European Computer Manufacturers Association）通过ECMA-262标准化的脚本 程序设计语言。该语言被广泛的应用于互联网。

JavaScript是商品名，目前商标权在Oracle公司手中。ES是标准名。

根据ES标准，有很多实现引擎，其中包括JavaScript、JScript等，它们都ECMA-262标准的实现和扩展。

为什么之前浏览器兼容是个大问题？

HTML、CSS、JS技术都在发展，标准版本很多。浏览器内嵌的引擎实现不太一致，
甚至有不按照标准实现，或减少实现，或改变实现，或增加功能的实现，比如IE，
这就导致了开发人员负担，很难做到一套代码可以兼容地跑在多种浏览器中，甚
至都不能跑在同一种浏览器的不同版本中。

• 1997年，制定首个版本ECMA-262
• 1999年12月，ES 3，支持更强大的正则表达式等
• ES4太激进，最终放弃
• 2009年，ES5发布，得到广泛支持。支持严格模式，支持Json
• 2015年，ES6发布，引入非常多的新的语言特性，还兼容旧版本特性。ES6之前按照版本号命名，从ES6开始使用年份作为版本号，ES6即ECMAScript 2015

JavaScript 的标准是 ECMAScript。截至 2012 年，所有的现代浏览器都完整的 支持 ECMAScript 5.1，旧式的浏览器至少支持 ECMAScript 3 标准。2015年6月 17日，ECMA国际组织发布了 ECMAScript 的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为 ECMAScript 6 或者 ES6。自此，ECMAScript 每年发布一次新标准。本文档目前覆盖了最新 ECMAScript 的草案，也就是 ECMAScript2019 – 摘自MDN

就在浏览器市场一家独大的时候，Firefox、chrome异军突起.

2008年9月2日，Google的chrome浏览器发布，一并发布的Js引擎，就是V8引擎。V8使用BSD协议开源

• V8引擎使用 C++ 开发，将JavaScript编译成了机器码，而不是字节码，还用很多优化方法提高性能，因此，V8引擎速度非常快。
• V8引擎还可以独立运行，可以嵌入到其他任何C++程序中。
• V8引擎的诞生，使得服务器端运行JS成为了可能且方便的事情。

2009年，基于V8引擎，诞生了Nodejs，这是服务器端运行JS的运行环境。

• 早期，网页就是一页页的文本，没什么图片、样式
• 后来，互联网时代到来，网页内容越来越多，页面文件越来越大
• 浏览器渲染HTML，需要先下载CSS加载，为的是准备渲染网页之后，下载网页 内容，并逐步渲染。还要构建DOM树，加载JS脚本并执行，JS可能需要修改DOM， 网页就要重新渲染
• 如果JS放在网页HEAD中，还需要等待JS下载并加载
• 图片使用 <img> 标签，是发起新的HTTP请求，如果图片返回，需要重新绘制网页
• 好不容易，一张网页绘制完毕。这里面发起了很多的HTTP请求

交互式网页，用户提交了请求，就是想看到查询的结果。服务器响应到来后是一 个全新的页面内容，哪怕URL不变，整个网页都需要重新渲染。例如，用户填写 注册信息，只是2次密码不一致，提交后，整个注册页面重新刷新，所有填写项 目重新填写（当然有办法让用户减少重填）。这种交互非常不友好。

从代价的角度看，就是为了注册的一点点信息，结果返回了整个网页内容，不但浪费了网络带宽，还需要浏览器重新渲染网页，太浪费资源了，影响了用户体验和感受。

上面这些请求的过程，就是同步过程，用户发起请求，页面整个刷新，直到服务器端响应的数据到来并重新渲染。

1996年微软实现了iframe标签，可以在一个网页使用iframe标签局部异步加载内容。

1999年微软推出异步数据传输的ActiveX插件技术，太笨重了，但是也火了很多年。有一个组件XMLHttpRequest被大多数浏览器支持。

A JAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），使 用XMLHttpRequest组件，结合JS，数据格式采用XML（可扩展标记语言），将这 三者结合，实现网页的异步请求。A JAX是一种技术的组合，技术的重新发现， 而不是发明，但是它深远的影响了整个WEB开发。

2005，google在Gmail和地图中应用Ajax，使它大受欢迎并推广开来。

有了异步请求，就可以动态的从浏览器发起请求到服务器端，服务器端返回响应 的数据封装成XML（JSON）返回给浏览器，浏览器只需要使用JS把内容加入到DOM 中，局部渲染就可以了。这个过程中，整个网页不用重新刷新，只需要局部动态 改变即可。

• 下载 https://code.visualstudio.com/Download
• 支持windows、mac、Linux平台

新版VS Code Windows版分为System 和 User两个版本，当前用户使用安装User版即可。