web标准与开发 | 青训营

76 阅读1分钟

前端开发的起源、架构、变迁

前端最早诞生于1989年,最早的Web是由HTML、HTTP、URL三种技术构成,而我们现在的CSS和JavaScript都是后来才出现的技术。前端发展至今可以分为三个时代分别是只读时代、体验时代、敏捷时代。

只读时代(1989-2004)

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

体验时代(2005-2010)

  • Ajax\Web\jQuery
  • 动态交互
  • 社交媒体
  • 用户生成内容(UGC)
  • 单页应用(SPA)
  • jQuery
  • YUI

敏捷时代(2010-2021)

  • Fetch\Node.js\Webpack
  • 模块化
  • 组件化
  • 转译(transpiling)
  • 打包(bundling)
  • React.js
  • vue.js

前端的应用领域

  • To Business(面向公司)
  • To Customer(面向用户)
  • To Developer(面型开发者)

前端比较前沿的语言、框架、工具

语言

  • HTML、CSS、JavaScript
  • WebAssembly

框架、工具

  • node.js
  • koa
  • React
  • vue
  • Typescript
  • git
  • babel
  • webpack
  • esbuild

关于Web标准

标准组织

  • W3C: World Wide Web Consortium
  • Ecma: Ecma International
  • WHATWG: Web Hypertext ApplicationTechnology Working Group
  • IETF: Internet Engineering Task Force

W3C

Ecma TC39

WHATWG

IETF

W3C规范制定流程

image.png

  1. Explainer demo
  2. Find the right community/group
  3. Web IDL for APIs link
  4. Step-by-step algorithm
  5. GitHub, Markdown, respec, bikeshed, etc.
  6. Get an early review w3ctag/design-reviews
  7. Write web-platform-tests(WPT)tests