关于前端开发:起源、架构、变迁

很多人分不清"上网”是上的哪个 网?即使在互联网的诞生地也是如 此。Web的普及和深入人心由此可 见一斑。

上网指接入Internet,它是地球上 相互连接的计算机构成的网络。计 算机网络诞生于上个世纪的60年代, 标志性通信协议是TCP/IP

不同的时代

1. 1989年诞生时，Web由三种技术组成：

1. HTML
2. HTTP
3. URL

2. CSS和JavaScript是几年后才出现的。
   

• 只读时代 1989-2004

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

• 体验时代 2005-2010

• 动态交互
• 社交媒体
• 用户生成内容
• 单页应用
• jQuery
• YUI

• 敏捷时代

• 2010-2021
• 模块化
• 组件化
• 转译
• 打包
• React.js
• Vue.js

前端应用的领域

• To  Business
• To  Customer
• To  Developer

Business

企业级应用

在互联网公司内部，各种应用几乎都是web平台。

Customer

消费者

所有的互联网门户网站，互联网平台，在线教育其实全都是基于web开发的，这个规模其实是非常庞大的，而且这个是非常重视用户体验的。

Developer

开发者

开发者开发给自己用，自产自销，用来提升开发效率，提升产品品质。一般就是一些开发者工具，有平台，有框架。从模块化，打包，编译，测试，到部署，调试，可以说覆盖了整个开发生产的全部流程。

前端应用之浏览器

前端应用之服务器

前端应用的终端与跨端

语言，框架，工具

语言：前端三件套：HTML，CSS，Javascript;c;c++;java;Rust等。

架构：node.js,koa,ts,webpack,vue,git,esbuild等。

工具：vscode,idea等。

关于Web标准

W3C

官网：www.w3.org

Github：github.com/w3c

规范查询：www.w3.org/TR

Ecma TC39

官网：www.ecma-international.org

TC39：tc39.es

Github：github.com/tc39

Discourse：es.discourse.group182021

WHATWG

官网：whatwg.org/

Github：github.com/whatwg

规范查询：spec.whatwg.org/

IETF

官网：www.ietf.org/

Github：github.com/ietf192021