了解web标准与前端开发 | 青训营笔记

116 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天,web标准与前端开发知识整理如下:

关于前端开发:

  • 起源
      1989年CERN(欧洲粒子物理研究所)中由Tim Berners-Lee领导的小组提交了一个针对Internet的新协议和一个使用该协议的文档系统,该小组将这个新系统命名为World Wide Web,它的目的在于使全球的科学家能够利用Internet交流自己的工作文档。
      这个新系统被设计为允许Internet上任意一个用户都可以从许多文档服务计算机的数据库中搜索和获取文档。1990年末,这个新系统的基本框架已经在CERN中的一台计算机中开发出来并实现了,1991年该系统移植到了其他计算机平台,并正式发布。

web.png

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

  • 架构

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

  • HTML
  • HTTP
  • URL

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

架构.png

  • 变迁

变迁.png

前端应用的领域

  • 浏览器
    Desktop:

浏览器.png

  mobile:

mobile.png

  • 服务器

服务器1.png

服务器2.png

服务器3.png

  • 终端和跨端
    命令行/终端:
      WebpackCLI、Babel CLI、Vue CLI、React CLI

终端.png

  桌面跨端:
    Electron、NW.js

跨端1.png

  移动跨端:
    React Native、Flutter

跨端2.png

关于web标准

标准组织:

W3C规范制定流程:

w3c.png

Ecma TC39规范制定流程:

ecma.png

总结

  本堂课总结了前端开发的起源、架构、变迁、前端所应用到的领域及web标准相关内容,也解决了我之前对于web前端开发的许多困惑。