2017前端开发手册四-前端开发人员应该掌握的Web技术

碰见过真正难相处的人，才知道身边的伙伴们多么值得珍惜。

前端开发人员应掌握以下核心网络技术（考虑按此顺序学习）：

1. 统一资源定位器（又名URL）
2. 超文本传输协议（又称HTTP）
3. 超文本标记语言（又名HTML）
4. 层叠样式表（CSS又名）
5. JavaScript编程语言（或者叫ECMAScript 262）
6. JavaScript对象符号（又名JSON）
7. 文档对象模型（DOM又名）
8. 网络的API（又名HTML5和朋友或浏览器的API）
9. Web内容无障碍指南（又名WCAG）无障碍富互联网应用程序（又名ARIA）

这些技术与相关文档和规范定义如下。对于所有网络相关规范的完整列表，看看platform.html5.org。

1

超文本标记语言（HTML又名）

超文本标记语言，通常被称为HTML，是用来制作网页的标准标记语言。Web浏览器可以读取HTML文件，并将它们渲染成视觉或听觉的网页。HTML描述了网站的结构线索呈现语义一起，使其成为一种标记语言，而不是一种编程语言。 - 维基百科

大多数相关规范/文档：

1. 所有W3C HTML规格
2. 实用HTML元素
3. 全局属性
4. W3C的HTML 5.2规范
5. HTML属性参考
6. HTML元素参考
7. 实用HTML语法

2

层叠样式表（CSS又名）

层叠样式表（CSS）是用于描述写的标记语言文档的外观和格式的样式表语言。尽管最经常用来改变网页和写在HTML和XHTML用户界面的风格，语言可以适用于任何类型的XML文档，其中包括纯XML，SVG和XUL。随着HTML和JavaScript，CSS是使用的大多数网站创建视觉魅力的网页，Web应用程序的用户界面，并为许多移动应用程序用户界面的基础技术。 - 维基百科

大多数相关规范/文档：

1. 所有的W3C CSS规范
2. 层叠样式表级别2版本2（CSS 2.2）规范
3. CSS参考
4. 3级选择器

3

文档对象模型（DOM又名）

文档对象模型（DOM）是代表并与HTML，XHTML对象和XML文档交互的跨平台和语言无关的约定。每个文档的节点以树状结构组织，称为DOM树。在DOM树中的对象可以被寻址，并通过使用所述对象的方法操纵。一个DOM的公共接口在其应用程序编程接口（API）来指定。 - 维基百科

大多数相关规范/文档：

• 文档对象模型（DOM）3级事件规范
• DOM实用标准
• W3C DOM4

4

JavaScript编程语言（或者叫ECMAScript 262）

JavaScript是一种高层次的，动态的，类型化，解释型编程语言。它已被标准化的ECMAScript语言所规范。除了HTML和CSS，它是万维网内容制作的三个基本技术之一; 大多数的网站使用它。JavaScript是基于原型的编程语言，使其成为一个多范式语言、面向对象和功能的编程规范。它具有与文本，数组，日期和正则表达式工作的API，但不包括任何I / O，如网络，存储或图形设施，但其被嵌入的宿主环境依赖这些。 - 维基百科

大多数相关规范/文档：

• ECMAScript®2017年语言规范

5

网络的API（又名HTML5API）

当使用JavaScript网页编写代码，有许多可用的API。下面是所有的接口的列表，您可能能够同时开发你的Web应用程序或网站。 - Mozilla

最相关的文档：

• 网络API接口

6

超文本传输协议（又名HTTP）

超文本传输协议（HTTP）是用于分布式，协作，超媒体信息系统的应用协议。HTTP是数据通信对万维网的基础。 - 维基百科

最相关的指标：

• 超文本传输协议 - HTTP / 1.1
• HTTP / 2

7

统一资源定位器（URL又名）

统一资源定位符（URL）（也称为Web地址）是为指定一个计算机网络上的资源和用于检索它的机构的位置的资源的参考。URL是一种特定类型的统一资源标识符（URI）的，虽然很多人使用这两个词可以互换。URL表示的手段来访问指定的资源，这是不是每一个URI的真实。网址发生最常见的以参考网页（HTTP），但也可用于文件传输（FTP），电子邮件（邮寄地址），数据库访问（JDBC），以及许多其它应用。 - 维基百科

最相关的指标：

• 统一资源定位器（URL）
• URL生活标准

8

JavaScript对象符号（又名JSON）

JSON已用于异步浏览器/服务器通信（AJAX），这主要是替换XML（AJAX通过使用）的主数据格式。虽然最初从JavaScript脚本语言派生，JSON是一个独立于语言的数据格式。代码分析和生成JSON数据是在很多编程语言一应俱全。JSON格式最初是由道格拉斯·克罗克福德规定。这是目前由两个相互竞争的标准，RFC 7159和ECMA-404描述。ECMA标准是最小的，只说明允许的语法语法，而RFC还提供了一些语义和安全方面的考虑。对于JSON官方互联网媒体类型是application / JSON。该JSON文件扩展名以.json。 - 维基百科

最相关的指标：

• JSON简介
• JSON API
• JSON数据交换格式

9

Web内容无障碍指南（又名WCAG）无障碍富互联网应用程序（又名ARIA）

可访问性是指产品，设备，服务或环境为残疾人士设计。无障碍设计的概念，既保证了“直接接入”（即非辅助）和“间接访问”，意思是一个人的辅助技术（例如，计算机屏幕阅读器）的兼容性。 - 维基百科

• 无障碍富互联网应用程序（WAI-ARIA）现状
• 无障碍网页倡议（WAI）
• Web内容无障碍指南（WCAG）现状