这是我参与「第四届青训营 」笔记创作活动的的第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 学习路线图
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.总结
这节课的内容概念较多,后期要花时间好好深刻理解一下!继续加油!