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

Web标准与前端开发

---

关于前端开发

Web和Internet

Internet

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

Web

1989年诞生时，Web由三种技术构成:HTML、HTTP和URL，它经历了三个时代：

• 只读时代
• 体验时代
• 敏捷时代

web前端技术指的不是某一项技术，而是一系列技术的集合，现在由：HTML、css、javascript构成。

浏览器

前端开发的五大浏览器厂商

• IE
• 谷歌
• 火狐
• 欧朋
• 苹果

服务器

• node.js
• Express.js
• koa

终端和跨端

• 命令行/终端：webpack cli、babel cli、vue cli、react cli
• 桌面跨端:Electron、NW.js
• 移动跨端:react native、flutter

Web标准

标准组织

• W3C : World Wide Web Consortium(万维网)
• Ecma : Ecma International
• WHATWG : Web Hypertext ApplicationTechnology Working Group
• IETF : Internet Engineering Task Force

W3C

这里补充一些课堂上没有的W3C标准：

标签嵌套规则：

• 块元素可以包含行内元素或某些块元素，但行内元素却不能包含块元素，它只能包含其它的行内元素。
• 块级元素不能放在p标签里面。
• 有几个特殊的块级元素只能包含行内元素，不能再包含块级元素，例如h1-h6、p、dt。
• 块级元素与块级元素并列，行内元素与行内元素并列。

w3c规范制定流程：

• Explainer:就是建议说明文档
• Find the right community/group:找到合适的社区或小组，把建议文档提交到社区或小组里充分讨论
• Web IDL for APls: IDL (Interface Description Language，接口描述语言)，用于描述API的一种标准方式
• 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测试

Ecma

关于Ecma TC39规范制定流程：

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

总结

---

通过本次课程使我了解了前端开发和web标准的相关知识，尤其是web标准。尤其是W3C标准，这些标准规范了HTML，让浏览器更好地解析、搜索引擎更精准地搜索。