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

小塔_Zrea
76 阅读3分钟

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

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

关于前端开发

  • 起源

    • image-20220730144655690.png
    • 假设所有的信息都存储在世界各地的计算机相互连接。假设我可以给我的电脑编程创造一个空间，让所有的东西能与一切联系起来吗
    • 论文网页版
    • 论文PDF版)

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

  • 架构

image-20220730144908067.png - 1989年诞生时，Web 由三种技术构成：

    -   HTML
    -   HTTP
    -   URL CSS和JavaScript是几 年之后才出现的。
  • 变迁 image-20220730145033608.png

前端应用领域

  • To Business (面向商务，如大型机构之类的)
  • To Customer (面向用户，现在规模也是越来越大)
  • To Developer (面向开发者，也是一个重要方面)
前端应用的领域之浏览器

image-20220730145356864.png

主要分为桌面端和移动端

现阶段，Edge，Opera开始使用谷歌chrome的内核，从内核来讲主流浏览器只剩三个

桌面端的多样性逐渐变小

前端应用的领域之服务器

image-20220730150004188.png

npm包管理平台十分庞大，生态是很成熟的

Deno Rust 内核，或许将来有好的场景，值得了解一下

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

image-20220730151148095.png

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

image-20220730151327488.png

很长时间HTML,CSS,JavaScript，是浏览器的主要语言，但现在

WebAssembly让浏览器能运行的语言又增加了四门，是一种很有前景的方向

WebAssembly是一种新的编码方式，现在我们使用的浏览器都支持WebAssembly

这样浏览器的运行速度将能达到接近原生的速度

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

image-20220730152103499.png

建议在了解框架的同时，也要了解作者，去了解设计框架的初衷，这样更好理解框架的定位和应用

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

image-20220730152325704.png

推荐阅读深入理解现代浏览器

image-20220730152525262.png

推荐阅读MDN上的An overview of HTTP - HTTP

这些对我们优化性能，理解新技术都是很有帮助的

关于前端开发：学习路线图

学习路线图

根据路线图了解相关内容

关于Web标准

标准组织
  • W3C: World Wide Web Consortium（万维网联盟）
  • Ecma: Ecma International（ECMA国际 -国际性会员制度的信息和电信标准组织）
  • WHATWG: Web Hypertext Application Technology Working Group（Web超文本应用程序技术工作小组）
  • IETF: Internet Engineering Task Force（互联网工程专责小组）

W3C

Ecma TC39

WHATWG

  • 官网：https:/whatwg.orgl
  • Github:github.com/whatwg
  • 规范查询：https:/spec.whatwg.org/

IETF - 官网：www.ietf.orgl - Github:github.com/ietf

W3C及Ecma会员

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

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

image-20220730154522410.png

Sujitech

igalia.com是在一家西班牙的公司

W3C规范制定流程

image-20220730154925170.png

W3C Process Document

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

Ecma TC:39规范制定流程

image-20220730155205766.png

ECMA-262 - Ecma International

Championing a proposal at TC39 How to write a good explainer Presenting a Proposal to TC39 Reading a proposal draft Stage 3 Proposal Reviews How to experiment with a proposal before Stage 4 Implementing and shipping TC39 proposals

Contributing to ECMAScript

如何参与一关注会议

W3C会议

  • 年度大会 AC (Advisory Committee)

    TPAC (Technical Plenary and Advisory Committee) (每年最值得关注的会议)

  • 工作组会议

    每月会议 各种研讨会 link

ma会议 年度大会 GA (General Assembly) TC39会议 每1-2个月 link

总结

内容很多，要慢慢理解

avatar
文章
阅读
粉丝