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

113 阅读3分钟

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

1. 关于前端开发

1.1 前端开发的起源、架构、变迁

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

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

只读时代(1989-2004):html/css/js,单向发布,静态只读,链接跳转、刷新页面、表格对齐元素,CGI

体验时代(2005-2010):Ajax/Web/jQuery,动态交互社交媒体、用户生成内容UGC,单页应用SPA,YUI

敏捷时代(2010-2021):Fetch/Node.js/Webpack,模块化,组件化,转译transpiling,打包bundling,React.js,Vue.js

1.2 前端应用领域

面向商业、用户、发展

浏览器:移动浏览器(如:移动App中WebView)和桌面浏览器(Chrome、Edge、Firefox...)

服务器:Node.js(成熟的js云信时)、(Koa Web开发框架生态)、Deno(新的js安全运行时)

终端和跨端:开发者工具(webpack、babel等的终端);卓面跨端主要有Electron和NW.js,vscode就是基于Electron的一个Web应用。

1.3 语言 框架 工具

  • html:负责结构页面
  • css:为页面提供装饰
  • js:赋予页面动态和交互能力

1.4 浏览器 网络 服务器

深入理解现代浏览器:解释了以谷歌浏览器为例在地址栏输入URL之后,回车都会发生什么。

An overview of HTTP :http的简介,设计http请求和响应过程及概念。

Web服务器的能力,包括本地文件系统和文件操作、网络和管道API、套接口、子进程等方面

1.5 学习路线图

学习网站roadmap.sh,点开后选择Forend,制定一个五年计划。

2. 关于Web标准

2.1 标准组织

  • W3C
  • Ecma
  • WHATWG
  • IETF

2.2 W3C规范制定流程

  • 我们看—下W3C规范的生命周期,借以了解W3C规范的制定流程:

  • WD: Working Draft,即工作草案 -CR: Candiate Recommendation,即候选推荐

  • PR: Proposed Recommendation,即提议推荐

  • REC: Recommendation,即推荐标准 推荐标准就是W3C的标准的最终形态,不是强制性标准。

一个规范从草案到正式发布,通常都涉及以下几个方面:

  • Explainer:就是建议说明文档,比如要标准化某个领域的APIl,要先写一个建议文档,Slide上有个链接,里面包含相关示例: w3ctag.github.io/explainers;
  • Find the right community/group:找到合适的社区或小组,把建议文档提交到社区或小组里充分讨论;
  • Web IDL for APls: IDL (Interface Description Language,接口描述语言),用于描述API的一种标准方式; httprt/heycam.gitubiolweti ;
  • Step-by-step algorithms:分步算法,就是要把算法步骤描述清楚;
  • GitHub, Markdown, respec, bikeshed, etc:这些都是工具;
  • Get an early review w3ctag/design-review:事先请TAG (Technical Architecture Group,技术架构组)进行设计评审;
  • Write web-platform-tests (WPT)tests:编写WPT测试。

2.3 Ecma TC39规范制定流程

负责制定ECMAScript规范的是TC39,TC是Technial Committee,技术委员会的意思。

  • Stage 0: strawman,稻草人,以任何形式提交的想法
  • Stage 1: proposal,提案,特性的正式建议
  • Stage 2: draft,草案,具有语法和语义的描述
  • Stage 3: candidate,候选,规范文本完备,有了两个实现
  • Stage 4: finished,完成,可以成为标准,通过单元测试

3.总结

这节课的内容概念较多,后期要花时间好好深刻理解一下!继续加油!