这是我参与「第四届青训营 」笔记创作活动的第4天

Web标准与前端开发

关于前端开发

• 起源、架构、变迁
• 前端应用的领域
• 语言、框架、工具
• 前端学习路线图

1、起源：

前端的发展离不开浏览器的发展

我们来简单了解一下浏览器的发展历史

1991年，WorldWideWeb 浏览器发布 这款由 Web 之父 Tim Berners-Lee 亲手设计的图形化浏览器还包含一个所见即所得 HTML 编辑器，为了避免同 WWW 混淆，这个浏览器后来改名为 Nexus. 1993年，Mosaic 发布 Internet 的流行应该归功于 Mosaic，这款浏览器将 Web 带向了大众。诸如 IE， Firefox 一类的当代浏览器仍然在延用 Mosaic 的图形化操作界面思想。 1994年，Netscape 成立 Marc Andreessen 带领 Mosaic 的程序员成立了 Netscape 公司，并发布了第一款商业浏览器 Netscape Navigator. 1995年，IE 发布，浏览器之战即将爆发 微软针对 Netscape 发布了他们自己的浏览器，IE，第一场浏览器之战爆发。 1996年，Opera 发布 Telenor 是挪威最大的通讯公司，他们推出了 Opera，并在两年后进军移动市场，推出 Opera 的移动版。 1998年，Mozilla 项目成立 Netscape 成立 Mozilla 开源项目，开发下一代浏览器，后来证明，使用原有代码开发新东西是一种负担，接着他们着手从新开发。 1998年，Netscape 浏览器走向开源 随着同 IE 征战的失利，Netscape 市场份额急剧下降，Netscape 决定将自己的浏览器开源以期重整山河。 2002年，IE 开始主导浏览器市场 市场份额达到95%，借助操作系统的捆绑优势，IE 赢得第一场浏览器之战。 2003年，苹果 Safari 浏览器登场 苹果进入了浏览器市场，推出自己的 Webkit 引擎，该引擎非常优秀，后来被包括 Google， Nokia 之类的厂商用于手机浏览器。 2004年，Firefox 引发第二场浏览器之战 Firefox 1.0 推出。早在 Beta 测试期间就积累了大量人气的 Firefox 引发了第二场浏览器之战，当年年底，Firefox 已经赢得 7.4% 的市场份额。 2006年，IE7 发布 IE6 发布后的第六年，迫于 Firefox 的压力，微软匆匆推出 IE7 应战，吸取了 Firefox 的一些设计思想，如标签式浏览，反钓鱼等。但这款浏览器现在看来并不成功。 2008年，Google 携 Chrome 参战 Google 发布了他们自己的浏览器，加入这场战争。轻量，快，异常的稳固让这款浏览器成为不可轻视的一个对手。

目前主流的浏览器内核

早期受制于浏览器以及技术、兼容性等问题，导致网页的显示效果非常的单一，几乎都是静态页，前端的工作也是非常简单，说是前端，其实只是一个模板工程师，编写页面模板，然后让后端负责渲染。所以在互联网早期，前端工程师这个职位可以说是不存在，通常由后端或者是美工来兼任。

2、架构

架构是一个演变的过程。

它指的不是随着历史的演变，而是随着项目演变。

通常说架构，指的是架构模式，自创的架构很少。

了解架构模式，才能心有余力的应对项目的发展。

前端项目大概会经历以下这些阶段：

• 整体渲染
• 结构行为表现分离
• 隔离逻辑单元
• 插件
• 模块
• 前端MVC/MVVM
• 组件

3、变迁

前端应用的领域：

• To Business
• To Customer
• To Developer

终端和跨端

命令行

Webpack CLI
Babel CLI
Vue ClI
React CLI

桌面跨端

Electron

NW.JS

移动跨端

React Native

Flutter

关于前端开发：语言、框架、工具

HTML、CSS、JavaScript、第四种语言（WebAssembly）

框架：

深入理解现代浏览器

HTTP

关于Web标准

标准组织：

W3C、ECMA、WHATEG、IETF