【青训营】- Web标准与前端开发

310 阅读2分钟

关于前端开发

1. 起源、架构、变迁

1.1 起源

论文Information Management:Proposal 作者Tim Berners-Lee有这样的一句话:

Suppose all the information stored on computers everywhere were linked. Suppose I could program my computer to create a space in which everything could be linked to everything.

——Tim Berners-Lee, inventor of the World Wide Web

  • 论文网页版

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

1.2 架构

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

  • HTML
  • HTTP
  • URL CSS和JavaScript是几年后才出现的。 image.png

1.3 变迁

image.png

  • 只读时代:浏览器只是扮演一个阅读的角色,所有的操作都由服务器处理。
  • 体验时代:Apple重新定义了手机,触屏,移动互联网时代更加注重应用体验。前端发展很快。
  • 敏捷时代:Google V8... 前端向工程化靠拢,前端和后端框架并驾齐驱。

2. 前端应用的领域

2.1 前端开发面向的群体

以面向的群体为标准,分为三类:

  • to Bussiness
  • to Customer
  • to Developer 面向开发者的工具,编译、打包、调试......

2.2 前端应用的领域:

浏览器

image.png

服务器

image.png

终端和跨端

通常都是面对开发者的,比如前端打包工具:webpack,转译工具:Babel。 image.png

语言、框架、工具

语言

image.png

框架

image.png

  • React.js facebook发布的
  • TS 微软开发
  • git 分布式代码版本控制系统
  • babel 转译工具 将js新特性转化为ES代码
  • webpack 多文件多模块,按照浏览器资源部署需求打包

浏览器、网络、服务器

浏览器

推荐一篇文章,李松峰老师翻译的 深入理解现代浏览器

网络

MDN An overview of HTTP

服务器

nodejs文档

前端学习路线

前端开发者需要了解的知识: roadmap.sh/frontend

关于Web标准

标准组织

  • W3C: World Wide Web Consortium
  • Ecma: Ecma International
  • WHATWG: Web Hypertect Application
  • IETF: Internet Engineering Task Force

W3C会员及Ecma会员

image.png

W3C规范制定流程

image.png

Ecma TC39规范制定流程

image.png

阅读规范原文

理解ECMAScript规范(1)