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

105 阅读2分钟

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

一、关于前端开发

起源、架构、变迁

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

1989年诞生时,Web由三种技术构成:

  • HTML
  • HTTP
  • URL

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

只读时代(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

前端应用的领域之终端和跨终端

命令行/终端

  • Webpack CLI
  • Babel CLI
  • Vue CLI
  • React CLI

桌面跨端

  • Electron
  • NW.js

移动跨端

  • React Native
  • Flutter

二、关于Web标准

标准组织

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

W3C及Ecma会员

  • W3C目前在全球有457家会员,其中北航总部(中国区)会员47家
  • Ecma的AM(Associate Member)会员目前有18家,中国公司有字节跳动、360、阿里、华为、腾讯等5家

W3C规范制定流程

  • Explainer demo
  • Find the right community/group
  • Web IDL for APIs
  • Step-by-step algorithms
  • GitHub,Markdown,respec,bikeshed,etc.
  • Get an early review w3ctag/design-reviews
  • Write web-platform-tests(WPT)tests

Ecma TC39规范制定流程

  • Championing a proposal at TC39
  • How to write a good explainer
  • Presenting a Proposal to TC39
  • Reading a proposal draft
  • Stage 3 Proposal Reviews
  • How to experiment with a proposal before Stage 4
  • Implementing and shipping TC39 proposals

如何参与————关注会议

W3C会议:W3C Technical Plenary/Advisory Committee Meetings Week(简称TPAC)是W3C一年一度的全球技术大会,汇集W3C各工作小组成员(工作组、兴趣组、社区组等)、咨询委员会(AB)、技术架构组(TAG)、会员单位代表(AC)、公众特邀专家以及全球社区成员,通过为期1-2周的集中互动交流,深入探讨未来开放Web平台技术方向。

  • 年度大会
    • AC(Advisory Committee)
    • TPAC(Technical Plenary and Advisory Committee)
  • 工作组会议
    • 每月会议
    • 各种研讨会

Ecma会议

  • 年度大会
    • GA(General Assembly)
  • TC39会议
    • 每1-2个月