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

news2024/10/9 16:30:49

在这里插入图片描述

🧑‍💼 个人简介:一个不甘平庸的平凡人🍬
🖥️ 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.coloradmin.cn/o/790707.html

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

相关文章

保护客户信息,金融行业的 DNS 泄漏风险

在金融行业中,保护客户信息一直是重中之重。随着网络技术的发展,各种网络安全威胁也层出不穷。其中,DNS 泄漏风险是金融行业需要重视的一个问题。 DNS 是域名系统的缩写,它是互联网中用于将域名解析成 IP 地址的系统。在金融行业中…

Jenkins+Gitlab集成CI/CD

前提是Jenkins,Maven,Gitlab,Docker环境已经搭建完毕并测试无误! maven环境 java环境 git环境 Gitlab集成 保存应用 准备一个SpringBoot项目 配置好git仓库,推送到gitlab服务器上 点击立即构建 构建成功 查看服务器是…

ajax axios json

一、ajax概述 Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以…

软考开发思考(完善中)

软考开发思考 文章目录 软考开发思考1. 互联网媒体:新技术和新应用及当前的趋势和应用1.1 自动化报道1.2. 虚拟和增强现实1.3. 数据新闻1.4. 即时新闻推送1.5 智能助手和聊天机器人1.6 语音播报,语音检索,后台播放、播放倍速。1.6 机器人交互…

信息安全运维经验

1.备份系统 国外主流:veritas NetBackUp(NBU)、IBM(TSM) (191条消息) 【大数据-文摘笔记】Veritas NBU简介_weixin_30501857的博客-CSDN博客 虚拟机玩转 Veritas NetBackup(NBU)之服务端安装…

组件间嵌套与父子组件通信

1.组件的嵌套 比如在App.vue内使用注册的ShowInfo组件,这就是组件嵌套,其中ShowInfo是子组件,App是父组件 ◼ 前面我们是将所有的逻辑放到一个App.vue中:  在之前的案例中,我们只是创建了一个组件App;  如果我们一个应用程序将所有的逻…

第八次CCF计算机软件能力认证

第一题:最大波动 小明正在利用股票的波动程度来研究股票。 小明拿到了一只股票每天收盘时的价格,他想知道,这只股票连续几天的最大波动值是多少,即在这几天中某天收盘价格与前一天收盘价格之差的绝对值最大是多少。 输入格式 输入…

C++_01_初步认识C++语言

本人博客园亦可见 一、认识 “C语言” 一、首先聊聊什么是语言? 语言是一套具有“语法”、“词法”规律的系统,是思维的工具。   计算程序设计语言是计算机可以识别的语言,用于描述解决问题的方法,供计算机阅读和执行。 语言由…

火山引擎DataLeap的Data Catalog系统公有云实践 (上)

更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群 前言 Data Catalog 通过汇总技术和业务元数据,解决大数据生产者组织梳理数据、数据消费者找数和理解数的业务场景。本篇内容源自于火山引擎大数据研发治…

《合成孔径雷达成像算法与实现》Figure2.18与2.20

代码复现如下: xlinspace(-20,20,32); ylinspace(-20,20,32); SINC_1zeros(length(x),length(y)); for i1:length(x)for j1:length(y)SINC_1(i,j)sinc(x(i))*sinc(y(j));end end%SINC_1imrotate(SINC_1,8,bilinear,crop); %Zfftshift(fft2(SINC_1)); Zfft2(SINC_1)…

[Python进阶] 元类metaclass(type类)及object类

4.9 元类metaclass(type类)及object类 4.9.1 object类 在面向对象编程中,类是对象的蓝图或模板。类定义了一组属性和方法,并且根据该模板可以创建新的对象。由于每个对象都是基于类来创建的,因此它们共享相同的属性和方法。 object类是一个…

Docker私有仓库部署与管理

目录 Docker--harbor Harbor 简介 Harbor 部署 1. 部署 Docker-Compose 服务 2. 部署 Harbor 服务 维护管理Harbor 1. 通过 Harbor Web 创建项目 2. 创建 Harbor 用户 3. 查看日志 4. 修改 Harbor.cfg 配置文件 5. 移除 Harbor 服务容器同时保留镜像数据/数据库&…

解析数字孪生的现在和未来

数字孪生是一种将现实世界与数字世界相连接的技术,它可以通过建立数字化的物理模型来模拟和预测现实世界的行为和性能,随着技术的成熟逐渐在越来越多行业得以应用,那有没有人好奇数字孪生是怎么来的呢?今天就带大家来盘一盘数字孪…

Unity中的MonoBehaviour 及其生命周期

关于MonoBehaviour 类的类图的详细介绍: Unity中的MonoBehaviour脚本-基础知识和继承关系_拂面清风三点水的博客-CSDN博客 关于MonoBehaviour 类的生命周期: Unity - Manual: Order of execution for event functions: Awake:当…

脑电信号处理与特征提取——5.频谱分析和时频分析(张治国)

目录 五、频谱分析和时频分析 5.1 频谱估计 5.1.1 基本概念 5.1.2 频谱估计方法:周期图 5.1.3 频谱估计方法:Welch法 5.1.4 频谱估计方法的比较 5.1.5 频谱特征提取 5.2 时频分析 5.2.1 短时傅里叶变换 5.2.2 连续小波变换 5.3 事件相关同步…

24考研数据结构-线性表6

目录 2.4.8 静态链表2.4.9 顺序表和链表的比较2.4.9.1 逻辑结构2.4.9.2 存储结构2.4.9.3 基本操作 - 创建2.4.9.4 基本操作 - 销毁2.4.9.5 基本操作-增/删2.4.9.6 基本操作-查2.4.9.7 顺序、链式、静态、动态四种存储方式的比较2.4.9.8 存储密度的问题2.4.9.9 存储方式的选择以…

产品需求、系统架构设计经验篇

需求设计思维导图UML 建模原型规范什么样的需求该忽略1.拍拍脑袋得来的想法,往往是没用的2.用户反馈的信息,不应该直接纳入需求3.扭改用户习惯的需求,一律不考虑 什么样的需求该重视1.从运维系统中根据数据结果分析得出的结论2.重视有洞见者的…

pandas pivot_table数据透视表、MultiIndex多级索引创建

参考: https://blog.csdn.net/ljr_123/article/details/115250639 1、 pivot_table数据透视表 import pandas as pd# 创建示例数据 data {Year: [2019, 2019, 2020, 2020, 2019, 2019, 2020, 2020],Quarter: [Q1, Q2, Q1, Q2, Q1, Q2, Q1, Q2],Product: [A, A, A…

解密数字孪生:解决实际问题的神奇技术

数字孪生是一种将现实世界与数字世界相连接的创新技术,通过将实际物体或系统的数据和行为模拟到数字平台上,实现真实与虚拟之间的交互和信息共享。数字孪生的应用不仅仅局限于虚拟现实(VR)和仿真领域,它在解决实际问题…

pytorch实现梯度下降算法例子

如题,利用pytorch,通过代码实现机器学习中的梯度下降算法,求解如下方程: f ′ ( x , y ) x 2 20 y 2 {f}(x,y) x^2 20 y^2 f′(x,y)x220y2 的最小值。 Latex语法参考:https://blog.csdn.net/ViatorSun/article/d…