Web浪漫历程:揭秘二十年间与您“约会”的浏览器发展

在这里插入图片描述

🧑‍💼 个人简介:一个不甘平庸的平凡人🍬
🖥️ Node专栏:Node.js从入门到精通
🖥️ TS知识总结:十万字TS知识点总结
👉 你的一键三连是我更新的最大动力❤️!
📢 欢迎私信博主加入前端交流群🌹

📑 前言

哈喽,大家好啊!👋

因为自身的原因已经好久没发文了,不知道大家是否还记得曾经那个 “ 海底烧烤店ai ”(没错,我改昵称了✨!)

跟大家重新认识一下:大家好,这里是 Baker !初来乍到,还请各位大佬多多捧场 🥳。

本篇文章我们来简单谈谈 浏览器 这个前端“饭碗”的发展史,让我们开始吧!

🤔 Web 是什么?

对于一个 Web前端 从业者,这好像是一个很简单,但又很难以述说的问题。

  • 因为热爱,我们没法一言两语形容,特别是在当今 Web 发展迅猛的时代,我们内心的感慨和想要炫耀自身从事行业的心情难以言表。
  • 因为发展,我们更没法去划定她的界限,她已经庞大模糊到没了准确的界限,无处没有她,处处都是她。

我问 ChatGPT:Web 是什么?它说:

Web(World Wide Web)是指全球范围内通过互联网访问的一系列互连的文档和资源的集合。它是一种基于互联网的信息系统,通过使用超文本传输协议(HTTP)进行通信,以及使用统一资源定位符(URL)标识和定位资源。

Web 的核心概念是超文本,即由文本、图像、音频、视频等多媒体元素组成的文档,通过超链接相互连接。用户可以通过 Web 浏览器(如Chrome、Firefox等)访问这些文档和资源,浏览和导航网页,与互联网上的内容进行交互。

Web 的发展和普及,使得人们可以通过互联网轻松地获取和共享信息、进行电子商务、社交媒体、在线娱乐等各种活动。Web 成为了现代社会中不可或缺的一部分,为人们提供了方便、快捷和丰富多样的在线体验。

需要注意的是,Web 和互联网并不完全等同。互联网是一个全球性的计算机网络,而Web 是运行在互联网之上的一种应用和服务。除了Web,互联网还包括电子邮件、文件传输协议(FTP)、即时通讯等其他应用和服务。

不可否认,Web 已经成了一种概念,一种互联网上极其重要的概念。

而 Web 的发展离不开她的男友之一 —— “浏览器” (为什么是之一?想想 Web3 吧!)

⛰️ 先驱者

Mosaic(翻译为:马赛克)浏览器,是互联网历史上第一个普遍使用能够显示图片的网页浏览器,于1993年问世。这一年前端“门面” HTML 也有了第一个规范的提案。可以说 Web 的征程或者 前端 的征程从此刻正式出发!

虽然经常被误认为世界上第一个图形接口浏览器,但事实上比 Mosaic 更早的还有 WorldWideWeb、鲜少人知的 Erwise 和 ViolaWWW 等,这些被人们遗忘的先驱者会永远被历史铭记!

最初的Mosaic是由马克·安德森为核心的开发组在伊利诺斯大学里的国家超级计算中心(NCSA)开发的,因为当初操作系统也才刚起步没多久,所以这时的 Mosaic 还只是针对 Unix 操作系统,并且由于是用大学的资金和设备开发的,Mosaic的著作权归属于NCSA,所以此时的 Mosaic 全称应该是 NCSA Mosaic。但之后 NCSA 将 Mosaic 的商业运营权转售给了 Spyglass 公司。

Navigator(领航员)浏览器于1994年10月13日由网景公司在网上发布,它同样是由马克·安德森带领团队开发的(大佬不愧是大佬)。伴随着 Navigator 的发布,由网景公司的布兰登·艾奇(Brendan Eich)开发的前端的“神” JavaScript 正式上线!

布兰登·艾奇是 Mozilla 基金会和 Mozilla Firefox(火狐浏览器)的联合创始人。

1994 年Mosaic研发的核心成员马克·安德森(Marc Andreessen)和几何图形发生器的发明人吉姆·克拉克(Jim.H.Clark)共同创立了 Mosaic Communication Corporation。同年11月为了避免与NCSA的法律纠葛,公司更名为 Netscape Communication Corporation网景公司 。安德森作为公司的技术副总裁,带领着一班人全面重写 Mosaic 的代码,最终开发的 Netscape Navigator(网景领航者)没有一行代码来自 Mosaic!

可惜的是 1998年1月,网景与微软IE浏览器竞争失利,为了挽回市场,网景通信公司公布旗下所有软件以后的版本皆为免费,并开放 网景通信家4 的源代码,成立了非正式组织 Mozilla(谋智) 。Mozilla项目启动,新开发的浏览器渲染引擎最后被网景市场部门命名为 Gecko,至今仍被 Firefox 浏览器使用着。

Netscape Communicator(中译“网景通信家”)的 网景版号4 是整个软件套装的总称。内含网页浏览器网景导航者、电子邮件客户端和新闻组软件 Netscape Mail & Newsgroups、Netscape Address Book 和 Netscape Composer 等。在此之前,网景导航者既是整个软件套装的名字,又是程序中的浏览器的名字,常会引起一些混乱。

Opera 浏览器是 Opera Software ASA 公司与 1995年4月 发布,现如今它的市场份额逐年下降(没错,二十年了,它还在运行),熬过了漫长且困难的浏览器内核研发过程,最后还是投向了 Google blink 的怀抱。

IE 浏览器由微软于1995年8月16日推出,IE是从 Spyglass Mosaic 浏览器中派生出来的,因为内置于 Windows ,IE的发展非常迅猛,最后还把 Navigator 给干倒了,但可惜最后不求上进,逐渐被人们抛弃。直到近几年,微软才逐渐反思自身大力推出并积极改进 Edge 浏览器。

曾有一段时间我对 Edge 非常着迷,甚至抛弃了 Chrome ,但最后 Edge 越来越臃肿、越来越复杂、越来越庞大,感觉微软又好像是丢了“初心”,所以最后我还是回到了 Chrome 的怀抱,真是当初不知谷歌好,错把微软当成宝!

微软为抵抗当时主流的网景浏览器(Netscape Navigator),与 Spyglass 公司合作,并取得了 Spyglass Mosaic 的源代码和授权.

虽然 Spyglass Mosaic 与 NCSA Mosaic(首款应用的最广泛的网页浏览器) 非常相似,但 Spyglass Mosaic 并没有取得很大的市场和名气,并且它还使用了 NCSA Mosaic 少量的源代码。

🌈 布道者

Firefox(火狐)浏览器,网景公司后来成立的 Mozilla 组织开发了Mozilla Firefox,其前身 Phoenix 0.1 最早于 2002-09-23 发布。

Firefox 可以说是现如今“血统”最纯正的浏览器,对于前端开发而言,它总能第一时间支持新特性,因此受到很多人的热爱,目前正在与 Edge 争坐全球市场占有率第三的位置。(没错,微软这个老 6 成功靠 Edge 在浏览器界翻了身)

前端“菜谱”MDN是 Mozilla 基金会的开发者网络平台,是属于 Mozilla 的!

Safari 浏览器,由苹果公司与2003年发行测试,使用 Webkit 内核,目前全球市场份额第二(将来极有可能会被 Edge 超越)。

Webkit 是苹果基于 KHTML 开发并开源的,WebKit 的最终决策权在于苹果,Google 为开源的 Webkit 贡献了近 50% 的代码,其后发布的早期版本的 Chrome 也是基于 Webkit 的。后期版本的 Chrome 使用的内核为 blink。

Chrome 浏览器,由 Google 开发并于2008年发布测试版,是目前全球市场份额最大的浏览器(市场占有率超 6 成),是一款拥有极致性能和极简风格的浏览器,前端开发者的最爱!

Chrome 使用的V8引擎能直接将JS代码编译成原生机器码(0,1),并且使用了如内联缓存(inline caching)等方法来提高性能。有了这些功能,JavaScript程序在V8引擎下的运行速度媲美二进制程序。

V8 是Google开源的 JavaScript 和 WebAssembly 引擎,用 C++编写。它用于Chrome和Node.js等。

Chromium (Chorme的开源项目)相当于Chrome的工程版或称实验版

🛸 结语

好啦,今天的浏览器之谈就先到此为止啦🤗,如果您有什么建议或者想法欢迎在评论区或者私信交流哦,一起学习,一起进步,加油!

如果本篇文章对你有所帮助,还请客官一件四连!❤️

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/8125.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Kafka基础架构与核心概念

Kafka简介 Kafka是由Apache软件基金会开发的一个开源流处理平台,由Scala和Java编写。Kafka是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者在网站中的所有动作流数据。架构特点是分区、多副本、多生产者、多订阅者,性能特点主要是…

React + 二级目录 + Nginx配置

背景: 由于子域名有限,我们需要将不同的前端项目进行二级目录区分。 一、项目 现有三个项目: bsrm-web-manage bsrm-web-operator bsrm-web-testingorganization 二、期望访问路径 http://bsrm.life.com/bsrm-web-manage http://bsrm.lif…

手机照片误删除?无需担忧,点击这里,即可轻松恢复

手机照片误删除?无需担忧,点击这里,即可轻松恢复 开头:在数字化时代,手机已成为我们生活中不可或缺的伙伴。随着手机摄影的普及,我们记录了许多珍贵的瞬间和回忆。然而,有时候我们不小心误删除…

Python编译过程和执行原理

hello,这里是Token_w的文章,主要讲解python的基础学习,希望对大家有所帮助 整理不易,感觉还不错的可以点赞收藏评论支持,感谢! 目录 一. Python执行原理二. Python内部执行过程2.1 编译过程概述2.2 过程图解…

遥感数字图像处理实验教程(韦玉春)--部分实验问题回答

个人的学习思考,仅供参考。 目录 实验三、图像合成和显示增强 一、目的 二、要求 三、实验 实验五、图像变换 一、目的 二、要求 三、实验 实验六、图像滤波 一、目的 二、要求 三、实验 实验七、图像分割 一、目的 二、要求 三、实验 实验八、图…

linux判断端口是否占用(好用)

netstat 一般的话使用 netstat -tunlp | grep xxx参数作用-t指明显示TCP端口-u指明显示UDP端口-l仅显示监听套接字(所谓套接字就是使应用程序能够读写与收发通讯协议(protocol)与资料的程序)-p显示进程标识符和程序名称,每一个套接字/端口都属于一个程序。-n不进行…

Could not find toolchain file: E:/Git/build/cmake/android.toolchain.cmake问题解决

问题描述 在Windows下编译MNN的Android平台时,需要运行.sh文件,那么之后几种方式: 在power shell中启动git bash,但是这个窗口一闪而过,看不清输出的信息,可以通过在脚本中最后一行加入:sleep…

如何轻松找到竞品独立站?竞品独立站搜罗神器曝光!

独立站竞品调研对做好独立站来说的重要性不言而喻。还在纠结想做独立站但不会找竞品独立站?不知道怎么分析竞品独立站?今天东哥倾囊相授,把压箱底的秘籍教给你! 怎么找竞品独立站? 1、谷歌购物广告 在谷歌购物页搜索产…

爬虫002_python程序的终端运行_文件运行_ipython的使用---python工作笔记020

用python运行一个文件,就是要写一个.py结尾的文件 然后保存 然后直接cmd中,python 然后写上py文件的路径就可以了 然后看一下内容 看一下终端中运行,直接输入python进入python环境,然后写python代码 回车运行 退出可以用exit()

设计模式——单例模式

1 概述 单例模式就是保证一个类只有一个对象实例。 为了保证无法创建多余的对象实例,单例类中需要自己创建对象实例,并把自己的构造方法私有化以防止其他地方调用创建对象,且需要提供一个公共的方法给其他类来获取该单例类的实例。 同时单例…

Linux笔记——rpm与yum下载软件命令介绍

系列文章目录 Linux笔记——进程管理Linux笔记——进程管理与网络监控技术讲解Linux笔记——进程管理 Linux笔记——管道相关命令以及shell编程 Linux笔记——磁盘进行分区与挂载介绍 文章目录 系列文章目录 前言 一 RPM介绍 1.1 RPM简单介绍 1.2 RPM命令语法 1.2.1 …

数学建模学习(2):数学建模各类常用的算法全解析

一、评价类算法 常见的评价算法 1.层次分析法 基本思想 是定性与定量相结合的多准则决策、评价方法。将决策的有关元素分解成 目标层、准则层和方案层 ,并通过人们的 判断对决策方案的 优劣进行排序 ,在此基础上进行定性和定量分析。它把人的思维过程…

工程师副高职称的评审条件

根据《专业技术人员职务评审暂行规定》和《工程技术人员职务评审暂行办法》,工程师副高职称的评审条件主要包括以下几方面: • 学历要求:具有本科及以上学历,或者具有大专学历并通过国家承认的专业技术资格考试。 • 工作年限要…

Python怎么实现模式匹配

什么是模式匹配 模式匹配是一种用于在数据中寻找特定模式或结构的技术。它可以用于识别、查找和提取符合特定模式要求的数据。 在计算机科学中,模式匹配通常用于字符串处理和数据分析领域。一些常见的模式匹配模式包括: 1. 字符串匹配:在一…

【实战】 八、用户选择器与项目编辑功能(上) —— React17+React Hook+TS4 最佳实践,仿 Jira 企业级项目(十四)

文章目录 一、项目起航:项目初始化与配置二、React 与 Hook 应用:实现项目列表三、TS 应用:JS神助攻 - 强类型四、JWT、用户认证与异步请求五、CSS 其实很简单 - 用 CSS-in-JS 添加样式六、用户体验优化 - 加载中和错误状态处理七、Hook&…

Go语言基础语法

Go语言基础语法 Hello World变量&常量定义if 判断语句for 循环语句(只有for)switch 选择语句数组(较少使用)切片(较多使用)map(实际最常用)range函数指针结构体结构体方法错误处…

23 自定义控件

案例:组合Spin Box和Horizontal Slider实现联动 新建Qt设计师界面: 选择Widget: 选择类名(生成.h、.cpp、.ui文件) 在smallWidget.ui中使用Spin Box和Horizontal Slider控件 可以自定义数字区间: 在主窗口w…

Docker 单机/集群 部署 Nacos2.2.0

单机部署 1- 拉取镜像 docker pull nacos/nacos-server:v2.2.02- 准备挂载的配置文件目录和日志目录 日志目录(空目录):./nacos/logs配置文件:./nacos/conf/application.properties 从官网下载 nacos 压缩包:Release 2.2.0 (Dec 14, 2022…

sql进阶:求满足某列数值相加无限接近90%的行(90分位)

sql 一、案例分析二、思路三、代码实现一、案例分析 表中有某个id列和数值列,求数值列占比为90%的id,如有个用户表,存储id和消费金额order_cnt,求一条sql查出消费占比无限接近90%的所有客户,如表中总消费为10000,占比最高的是4000、3000、2800,对应A、B、C用户,查出A、B、C用户…

18.背景轮播

背景轮播 html部分 <div class"container"><div class"slide active" style"background-image: url(./static/20180529205331_yhGyf.jpeg);"></div><div class"slide " style"background-image: url(./s…