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

77 阅读2分钟

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

一、本堂课重点内容:

讲述了一些前端开发需要了解的知识和WEB的一些标准

二、详细知识点介绍:

WEB由三种技术构成:

  • HTML
  • HTTP,协议
  • URL,统一资源定位符
只读时代体验时代敏捷时代
HTML/CSS/JSAJAX/WEB API/JQFetch/node.js/webpack
单向发布动态交互模块化
静态只读社交媒体组件化
链接跳转用户生成内容(UGC)转译(transpiling)
刷新页面单页应用(SPA)打包(bundling)
表格对齐元素JQreact.js
CGIYUIvue.js

终端和跨端

  1. 命令行/终端 webpack cli,babel cli,vue cli,react cli
  2. 桌面跨端 electron/NW.js
  3. 移动跨端 react native/flutter

WASM一门新的语言,类似汇编,C++,C,RUST都可以转变成WASM,可以以类似于原生的速度运行。编写时用其他语言编写,转换成WASM。

WEB标准:

  • W3C:world wide web consortium
  • ecma:ecma international
  • whatwg:web hypertext application technology working group
  • ietf:internet engineering task force

W3C规范的流程:

  • Explainer:建议说明文档,要标准化某个领域的API,要先写一个建议文档
  • Find the right community/group:找到合适的社区或小组,把建议文档提交到社区或小组里充分讨论
  • Web IDL for APls:IDL (Interface Description Language,接口描述语言)
  • Step-by-stepalgorithms:分步算法,要把算法步骤描述清楚; GitHub,Markdown,respec,bikeshedetc:都是工具;
  • Get an early review w3ctag/design-review:事先请TAG(Technical Architecture Group,技术架构组)进行设计评审;
  • -Write web-platform-tests(WPT)tests:编写WPT测试。

2.4 Ecma TC39规范制定流程

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

W3C会议: 年度大会:AC/TPAC 工作组会议:每月会议/各种研讨会

三、实践练习例子:

暂无

四、课后个人总结:

前端学习路线

HTTP 概述

深入理解现代浏览器