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

2022-07-31 76 阅读2分钟

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

Web标准与前端开发

一.关于前端开发：起源、架构、变迁

起源：

Tim Berners-Lee 在1989年发布的论文

架构：

1989年诞生时，Web由三种技术构成
- HTML
- HTTP
- URL

变迁：

只读时代 1989-2004
- HTML / CSS / JavaScript
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
体验时代 2005-2010
- Ajax/Web API /jQuery
- 动态交互
- 社交媒体
- 用户生成内容（UGC）
- 单页应用（SPA）
- jQuery
- YUI
敏捷时代 2010-2021
- Fetch / Node.js / Webpack
- 模块化
- 组件化
- 转译（transpiling）
- 打包（bundling）
- React.js
- Vue.js

二.前端应用的领域

To Business
To Customer
To Developer

浏览器：

事实上随着谷歌Chromium开源项目的不断攻城掠地，也随着开源运动的不断属性，浏览器的多样性正在减少。因为Edge和Opera都已选择站到了谷歌的阵营，所以事实上只有Chrome、Safari和Firefox三个浏览器。

桌面端：Chrome、Edge、Firefox、Opera、Safari

移动端：Chrome、Safari
服务器：

依托于 Node.js ，使用 Express、Koa等Web开发架构的生态
终端和跨端：
- 命令行/终端
  - Webpack CLI
  - Babel CLI
  - Vue CLI
  - React CLI
- 桌面跨端：
  - Electron
  - NW.js
- 移动跨端：
  - React Native
  - Flutter

三.语言、框架、工具

语言：
- HTML / CSS / JavaScript
- WebAssermbly (C++,C,Rust等)
框架：

工具：
- 深入理解浏览器
- An overview of HTTP

四.前端学习路径图

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

关于Web标准

W3C ：World Wide Web Consortium

官网：www.w3.org

Github：github.com/w3c

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

官网：www.ecma-international.org

TC3.9：tc39.es/

Github：github.com/tc39

Discourse：es.discourse.group/
WHATWG：Web Hypertext Application Technology Working Group

官网：whatwg.org/

Github：github.com/whatwg

规范查询：spec.whatwg.org/
IETF：Internet Engineering Task Force

官网：www.ietf.org/

Github：github.com/ietf

W3C及Ecma会员

W3C目前在全球有475家会员，其中北航总部（中国区）会员45家
Ecma的AM（Associate Member）会员目前有18家，中国公司有字节跳动、360、阿里、华为、腾讯等5家