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

一、起源

计算机网络诞生于上个世纪60年代，标志性通信协议是TCP/IP

Web诞生于1989年，web由三种技术构成，分别是：HTML、HTTP、URL，CSS和JavaScript是在几年之后才出现。

只读时代（1989~2004）

主要产物：HTML、CSS、JavaScript

```
单向发布
```
```
静态只读
```
```
链接跳转
```
```
页面刷新
```
```
表格对齐元素
```
```
CGI
```

体验时代（2005~2010）

主要产物：Ajax/Web API/jQuery

```
动态交互
```
```
社交媒体
```
```
用户生成内容（UCG）
```
```
单页应用(SPA)
```
```
jQuery
```
```
YUI
```

敏捷时代（2010~2021）

Fetch、Node.js、Webpack

```
模块化
```
```
组件化
```
```
转译（transpiling）
```
```
打包（bunding）
```
```
react.js
```
```
vue.js
```

二、关于Web标准

W3C: World Wide Web Consortium （通常意义上的Web标准）
- 官网：www.w3.org/
- Github：github.com/w3c
- 规范查询：All Standards and Drafts - W3C
Ecma: Ecma International（ECMAScript标准化规范）
- Ecma TC39官网：Home - Ecma International (ecma-international.org)
- TC39：TC39 – Specifying JavaScript.
- Github：Ecma TC39 (github.com)
- Discourse（讨论组）：TC39 - Specifying JavaScript (es.discourse.group)
WHATWG: Web Hypertext Application Technology Working Group
- 官网：Web Hypertext Application Technology Working Group (WHATWG)
- Github：WHATWG (github.com)
- 规范查询：Standards — WHATWG
IETF: Internet Engineering Task Force
- 官网：IETF | Internet Engineering Task Force
- Github：Internet Engineering Task Force (IETF) (github.com)

三、W3C规范制定流程

四、前端应用的领域

前端应用场景大致分为：桌面端和移动端,移动端又细分出大屏设备、手机浏览器。

五、其他

node.j

node.js是一个基于js的服务器语言框架,使前端不用学习新语言就可以开发mock后端。

终端和跨端

终端:主要是包括各种前端框架的脚手架,如Vue-CLI、Webpack-CLI等，使得服务器终端可以便捷的部署服务、交互数据。客户端:客户端是用户角度使用的各种设备上的软件载体。用户通过软件客户端获取响应服务。跨端:跨端分为桌面跨端和移动跨端，跨端同时整合了终端和客户端功能，桌面跨端框架有Electron、NW.js等，移动跨端主流有React Native和Flutter。

浏览器、网络、服务器

浏览器原理需要从架构、导航、渲染、交互四个层面进入学习。学习前端除了页面的设计渲染外,还需要掌握网络技术与服务器语言，能够实现前端与后端的交互。学习前端需要学习HTTP1.0、HTTP1.1、常见请求报文等基础网络知识。才能实现请求发报等需求。服务器知识，需要了解服务器负载，在前端请求进行优化减轻服务负载。

Web标准与前端开发 | 青训营笔记