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

98 阅读2分钟

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

今天的笔记主要来讲讲Web标准与前端开发,笔记可以分为前端开发的起源与发展,前端应用的领域,Web标准这几个部分

前端开发的起源与发展

起源

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

  • HTML
  • HTTP
  • URL

而CSS和JavaScript则是后几年出现的

IMG_20220731_214845.jpg

发展

IMG_20220731_214639.jpg

前端应用的领域

  • To Business

  • To Customer

  • To Developer

前端应用的领域之浏览器

  • Desktop:Chrome,Microsoft Edge,Firefox,Opera,Safari

  • Moblie

前端应用的领域之服务器

  • node.js

  • Express.js

  • koa

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

终端(英语:Computer terminal),是与计算机系统相连的一种输入输出设备,通常离计算机较远。根据功能不同,可分若干类。具有某些处理功能的终端称为灵巧终端或智能终端,这类终端有它自己的微处理器和控制电路;没有此功能的叫做哑终端,它没有微处理器。支持与计算机会话或处理的终端叫交互终端或联机终端。

  • 命令行/终端
    • Webpack CLI
    • Babel CLI
    • Vue CLI
    • React CLI
  • 桌面跨端
    • Electron
    • NW.js
  • 移动跨端
    • React Native
    • Flutter

Web标准

什么是Web标准

Web标准一般指网页标准。网页标准(或Web标准)一般是指有关於全球资讯网各个方面的定义和说明的正式标准以及技术规范。

标准组织

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

W3C,Ecma

W3C及Ecma会员

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

W3C规范制定流程

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