web前端开发标准介绍|青训营笔记

60 阅读2分钟

简单了解一些web开发的标准知识,在笔试里还是有可能遇到的。除了这些还有编程的语言规范,内容比较多就不在正文里写了。

什么是开发标准

  1. 符合web标准(UTF-8,HTML5)
  2. 语义化html(HTML5新增要求,减少div和span等无特定语义的标签使用)
  3. 结构表现行为分离(HTML-CSS-JS代码分离,不同行为代码高内聚低耦合)
  4. 兼容性优良(早期版本浏览器兼容,移动端和PC端设备兼容)
  5. 页面性能好(减少请求次数)
  6. 代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度(减小repaint和reflow)

组织标准

W3C

W3C 组织为 Web 开发领域提出了很多建议,比如为 XHTML、XML、DOM、CSS 和 Web API 等技术实现。
官网:www.w3.org/

W3C 技术建议的几个阶段

  1. WD (Working Drafts):草案阶段
  2. CR (Candidate Recommendation):候选阶段
  3. PR (Proposed Recommendation):提议阶段
  4. REC (W3C Recommendation):正式建议阶段 工作手册:www.w3.org/2018/Proces…

Ecma

ECMA 组织负责很多与信息化相关的技术标准,其中应用最广的就是 TC39 委员会负责的ECMAScript标准,这标准的实现就是 JavaScript。
W3C 技术建议的几个阶段

  1. Strawman (Stage 0):提案纳入考虑中
  2. Proposal (Stage 1):明确提案的好处,以及可能带来的风险
  3. Draft (Stage 2):使用正式的规范语言描述语法和语义
  4. Candidate (Stage 3):根据使用者反馈进行改良
  5. Finished (Stage 4):准备正式加入 ECMAScript 标准

WHATWG

推动 HTML 发展,制定相关标准。如今 HTML5 技术能发展起来,也是得助于 WHATWG 小组。
官网:whatwg.org/

IETF

主要负责制定互联网基础架构的标准,比如 TCP/IP 和 FTP 协议。
官网:www.ietf.org/

开发历史

初期构成

image.png

应用领域

  1. 浏览器:谷歌、Microsoft、手机浏览器等
  2. 服务器:node.js等开发框架
  3. 命令行/终端:Webpack,Bable,Vue,React
  4. 跨端:Electron,Reavt native

开发语言

  1. 常用前端三件套:HTML/CSS/JAVASCRIPT
  2. C C++ 等

框架

node.js webpack git等

运行环境——浏览器

image.png