Web技术的历史
三辆马车
Web基础的变迁
打开浏览器，实际上呢，呃，并不是的，就是严格来讲的话，我们说的上网的是接入互联网，那么而我们平常用的呃，最多的其实就是这个啊，上网站浏览网页啊，那么其实互联网就是它的标志性的这个协议呢，是TC pip，那么外B的这个标志性协议我们都知道，它的标志性协议呢是HTTP对吧？啊这个就要说到这个外部的架构了，对吧？那么外部的架构在1989年的时候呢，呃，进特利设计外部的时候，就提出了三种核心的技术啊，我们也俗称嗯，三驾马车，那么第一种就是刚才我们提到的，呃，叫HT pat PA，它是超文本传输协议的意思，另外一种呢，就是用来表示这个网页的结构的HTML啊这种语言，还有就是在网络上唯一标识这个，嗯，一种资源的。就是协议或者标准叫URL，就统一资源定位器，定位服务这种这三种技术呢，其实就是最初的外部的原型啊，那我们看PPT中有一张图啊，那么我们在上网的时候，其实就是在自己的浏览T中啊，在自己的客户端打开一个浏览器，然后呢，通过AAPP请求来获来获得这个服务器上存储的一个呃H文档，那么浏览器呢，把这个文档再解析出来，然后呃展呈现在这个屏幕上，那么这个整个就是一个web的呃构成的原理啊，这是最基的一个一个一个架构，那么在这三种技术呃，就是流行之后，过了好几年啊，我们知道这个CS和才才才出现的啊，这个就是一个web的基本架构啊。那我们再来看一下这个。嗯，外B技术的变迁吧，然后嗯，这个应该说是我个人根据自己的这个，呃，这个经验总结的，等三个阶段不一定，呃客观啊，这是我主观的一个总结啊，给大家分享一下吧，首先我们看一下它是分三个时代的啊，三个第一个时代是从刚刚说的从外部诞生198年到2004年，嗯，然后这个阶段呢，呃，刚才我们简单说了，它是一个由最基本的架构啊来构成的，那这是这个时代的这个外B的特点呢，就是包括单项发布，呃这个静态的只读链接，跳转，刷新页面啊，表格对齐元素，还有这个CPI等等这些概念啊，那么这个时代的。为什么叫植入时代呢？它的特点就是说，呃，如果浏览器小。啊，就是获取服务器的那个信息，就必须发发送一次请求，那么呢，获得一个网页，如果想那个更新这个页面的话，就必须再发一次这个请求，把这个页面整个替换掉，获得一个新的页面啊，包含新的页的页面，那么这个这个在相易客户端呢，它是一个呃，阅读器的一个这么一个概念啊，它不能不能就是在不刷新的情况下去更新页面，那么这个这个时代的话呢，是直播时代啊，这是外发人早期，那么到了第二个时代，也就是2005年到2010年。特别2005年之类直的是嗯，有一个特别火的概念啊，就是啊，其实它的核心是嗯嗯，IE浏览器在早在2000年的时候就支持了一个呃，对象叫。X htp request，那么这个对象当时是呃，IE在自己浏览器中能支持什么呢？在GS中不用，呃就是浏览器可以用刷新网页，它可以通过GS的这个对象就能够在后台向服务器发送请求，然后呢，能够拿到数据之后呢，再通过修改的方式把这个更新内容，呃就是展示在这个网页中，那这个到了200年的时候呢，因为谷歌呃，gmail的这个免费邮箱，mail这个呃呃应用，包括后来的谷歌地图啊，Google map都是嗯使用了这种技术，也就是在嗯就不刷新页面的情况下呢，能够那个想应用户的交互，去动态的服务器或者数据更新页面，那么这个技术呢，就是得到了普及啊，让外B其实。一个简单的页面向外部应用实现了这个跨越啊，那么这个时代其实它的主要关键词包括一些动态的交互啊，社交媒体啊，UGC，还有SPA啊，然后当时比较有框架，包括YY等等这些，这个代之后呢，其实嗯，就很快进入了我们说的第三个时代啊，就是敏捷时代，这个这个时代的一个嗯，转折点其实是在呃，2017年的时候，嗯，苹果发布这个iPhone手机，iPhone手机发布之后呢，应该是重新定的手机，那么互联网呢，也进入了移动时代，那么用户的体验啊，越来越受到这个嗯，互联网公司的重视，那么前端呢，其实也慢慢的从一个做网页的这个，或者说很多有其他的，比如说后端可能是兼任的一个工作，一个工种。成了一个独立的公能了，那么前端这个职业也慢慢得到人们的认可啊，我们也能陆续的看到啊招聘啊，前端模式的这个这个嗯，这个招聘的广告，那么到2009年的时候呢，呃，基于这个V8引擎的window斗GS啊也也让呃前端开发者呢，能够不用学习，不用语言就能够啊做到前端后端呢，这个一统天下这种啊，前后端都可以使用GS来来编写了，那么这样的话，呃，有了note GS啊，就为将来这个前端的这种规模化，敏捷化，其实还有这种很好的基础啊，由于这个人们重视这个用户体验，所以呢，前端就进入了一个谈果杀的时代啊，因为之前的这个网站，呃，由于由于它的。基础能力出现吗？并没有，并没有很重视啊。并没有很重的体验，后来这个就是用户交互这一块很可受重视的，那么嗯就需要大量的这个人力在这块投入，然后保证这个就是通过呃网站能够嗯触达这个自己用户，嗯让用户呢能够对呃自己的产品和技术产生一种信任感，所以这个体验是非常非重要的，在这个时代的话，嗯嗯它的主要键词包括像模块化，组件化啊，转移打包，像包括view啊等等这些流程的这个嗯开发工具，开发框架，那这个就是一个大概的一个时代划分啊。
TB,TC,TD
To B TOC和To B这三个角度，三个角度来去理解啊，
To B就是那个，嗯，企业啊，针对这种大的组织机构吧，嗯，叫To B，
然后TOC呢，就是面向终端的客户，customer啊，
最后TOD呢，就是develop develop就是我们开发者自己。
- 先说一下To B To B班指的这种是企业的应用啊，啊包括比如说发行的机构啊，银行啊各种这个就是这种互网公司，其实他们嗯内部其实都有很多这个土地的啊。这个平台啊，比如说嗯，像自己的火山引擎，像现在很多的公有云平台，广告平台等等啊，这些都是To B的这个应用他们。的展表现的其实就是说是一个网网站，然后需要你登录，登录之后呢，然后跟就会给你提供一个一个叫一个大盘啊，一个一个盘里面有很多很多的就是嗯为你提供各种服务的选项，你可以管理自己的资源，可以去监控自己的这个就服务的状态等等等等这些啊都属于To B的这个领域啊，这个规模是非常非常大的啊，也是非常挣钱的这么一个一个领域。
- 好那TOC的话呢，我们就很容理解，刚才我们也说了，最早其实网页就是在嗯，老百姓之间，就是相互之间实现一个信息共享的一个作用，那么现在通过网站，嗯网站呢，包括手机端的这个呃，内嵌的这个六啊展示这个A15这种界面，嗯，直接触达终端客户的，其实嗯都是都是PC的应用啊，包括这种门户网站电。的平台啊，在线教育啊，新闻资讯啊，生活娱娱娱乐等等这种平台呃有很多，呃，基本上很大的这个比例都是外国去发现的，那么这个都是TOC的这个应用，那么规模呢，大家可以可以想见，其实也是非常非常庞大的。
- 最后呢，to d to d呢，就是面向开发者的工具平台和框架，那么用外部技术来构建啊，这个提高外部开发这个效率，这个本身的呃，工具其实也是一个非常重要的一个方面，因为整个外部开发从这个模块化打包到编译呃到转移到测试开发部署，还有调试运维等等，这个整个开发的整个流程，其实都每个每个环节都离开大量的工具的这个支支撑啊支持，那么这块就属于我们开发者呢，自产自销的一部分啊，这个数量同样也是非。样的膨大啊这个后面我们会呃看到一些例子对吧，看到一些例子，比如说嗯，code呀啊等等这些这样编辑器等等。
运行环境
开发工具
语言框架
webassembly
2019年12月5号，呃，IB3C呢呃，发布了这个web森啊这个正式的推荐标准，那么就宣告呢，浏览器中能够行的语言已经达到四门语言啊，就是新的这是web森，web这种这种语言，那么web它是一种，它是一种新的电话方式啊，能够在这个现代浏览器中运行，现在主现在我们呃使用的主流浏览器都已经支持啊web了啊，它其实是一种低级的类似汇编的这种语言，嗯，它的二进制格式非常紧凑。以接近原生的速度进行运行，像CC加加和等语言的这个程序都可以编译成呃，然后呢在浏览器中运行，所以呢，它也可以跟呃进行互操作，互相传输数据，共享内存，然后这样的话，呃浏览器的运行速度就能够达到接近原生应用的速度啊，就能够让浏览器呃中实现一些像游戏引擎的等等一些科学计算，对这个性能要求极高的这种应用啊，浏览器不能上任呃那其实是一个非常有前景的这种这个方向，大家都应该就是重视这个呃，这个这个新的新的领域啊，它其实不是一种编程语言，刚才说它是一种内汇编的这种种形式，当然你可以用这种它的语法内汇编的那种语法去写。但效率非常低，更多的是你要用CC加加嗯，或者其他的这个东际语言去去编写程序，然后呢，再把它通过工具转换成啊这种二进制的格式啊，转换成这种格式，然后再去运行。现在这个能够编译成web森里的高级语言，包括啊刚才说的C加加C啊，还有script啊等等。
