Web标准与前端开发

157 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天,今天在老师的讲解下。我了解了Web标准与前端开发的知识,接下来进行知识复盘

一.关于前端开发

(1)起源,架构,变迁

前端的发展史与互联网的发展有着密不可分的关系,可以说,互联网在诞生时前端也就应运而生了。1989年Tim Berners-Lee的文章Information Managment:A Proposal被公认为前端开发的起源。其主要核心思想为:

image.png

1989年诞生时,Web由三种技术构成:HTML,HTTP,URL。CSS和JavaScript是几年才出现的。其架构可以被描述为以下形态:

image.png

通过HTTP协议连接服务端与用户端,在用户端执行CSS和JavaScript的文件。同时前端开发也经历了三个时代:

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

(2)前端的应用领域

前端的应用大致可以分为以下三个方面:

  • TO business
  • To customer
  • To developer

(3)前端的学习路线

这里,课程提供了一份学习路线网站,我们可以查看参照,链接如下: w3c/20190603_cncuckoo_深入理解现代浏览器.md at master · 75team/w3c · GitHub

二.关于Web标准

(1)标准组织

  • W3C
  • Ecma
  • EHATWG
  • IETF

(2)W3C及Ecma会员

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

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

(3)W3C规范制定流程

image.png