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

74 阅读2分钟

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

关于前端开发

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

  1. 起源

1989年Tim Berners·Lee提出了关于信息管理的建议

  1. 架构

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

  • HTML语言

  • HTTP超文本传输协议

  • URL统一资源定位符

  • CSS和JavaScript是几年后才出现的

架构.JPG

  1. 变迁

只读时代—>体验时代—>敏捷时代

变迁.JPG

前端应用的领域

To Business(To B)面对大型的组织机构企业

To Customer(To C)面对中端客户

To Developer(To D)面对开发者

  1. 前端应用领域之浏览器

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

桌面.JPG

移动浏览器

移动.JPG

  1. 前端应用领域之服务器

服务器端的开发项目目前主要还是依托于Node.js这个成熟的JS运行,npm包管理平台已经成为世界最大的程序包管理平台。

服务器.JPG

  1. 前端应用领域之终端和跨端

前端.JPG

关于前端开发的语言、框架、工具

  • 语言:HTML(负责结构页面)、CSS(页面提供装饰)、JavaScript(赋予页面动态和交互能力)

  • 框架:

框架.JPG

关于前端开发的浏览器、网络、服务器

关于.JPG

关于Web标准

了解Web标准组织

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

W3C与Ecma的情况

  • W3CW目前在全球有457家会员,其中北航总部(中国区)会员47家

  • Ecma的AM(Associate Member)会员目前有18家,中国公司有字节跳动、360、阿里、华为、腾讯等5家

w3c.JPG

W3C流程

  • WD:Working Draft,即工作草案

  • CR:Candiate Recommendation,即候选推荐

  • PR:Proposed Recommendation,即提议推荐

  • REC:Recommendation,即推荐标准

流程.JPG

TC39流程

  • Stage 0:strawman,稻草人。以任何形式提交的想法

  • Stage 1:proposal,提案,特征的正式提议

  • Stage 2:draft,草案,具有语法和语义的描述

  • Stage 3:candidate,候选,规范文本完备,有了两个实现

  • Stage 4:finished,完成,可以成为标准,通过单元测试

流程2.JPG

W3C会议

  • 年度大会

AC(Advisory Committee)

TPAC(Technical Plenary and Advisory Committee)

  • 工作组会议

每月会议

各种研讨会