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)现状

原文发布于微信公众号 - 司想君(sxjsaylife)

原文发表时间:2017-08-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏hightopo

基于 HTML5 的 Web SCADA 报表

6323
来自专栏Coding01

推荐一款快速制作通讯录的微信小插件

只要有通讯录的地方,就会需要对通讯录姓名进行分组排序和界面设计,主流做法基本是按照人名的拼音首字母排序,效果图如下:

2432
来自专栏Material Design组件

后台系统设计(下篇:输入)

·容错格式,允许用户输入多种格式,并智能的处理从而满足程序的数据要求。例如电话输入,允许用户输入空格和 —,系统后台自动清理数据以满足格式要求,而不是报错提示。

1432
来自专栏生信技能树

视频讲解-R爬取生信软件列表到思维导图

1513
来自专栏腾讯移动品质中心TMQ的专栏

VR中的动画就是这么玩哒

导读 大家是不是觉得VR中的动画特别神奇,其实它是基于Unity中的动画系统Mecanim实现的,Unity在5.0之后,Mecanim动画控制越来越强大好用...

2926
来自专栏企鹅号快讯

再见!陪伴我多年的setuna

hi,又到了charming的时间,平日里用setuna截图小工具的人肯定大有人在,但是最近我发现了一个比它更好用的小工具——PureRef,借此机会推荐一下~...

29410
来自专栏朱慕之的博客

iOS 优化界面流畅的技巧

对象的创建会分配内存、调整属性、甚至还有读取文件等操作,比较消耗 CPU 资源。尽量用轻量的对象代替重量的对象,可以对性能有所优化。比如 CALayer 比 U...

1311
来自专栏顶级程序员

12 款 JavaScript 代码测试必备工具

每天都会产生新的代码、用户测试工具和框架。下面的列表列出了可以完成各种测试需求的代码工具。你应该调查研究一下,看这些工具是否适用于你的技术栈和技术需求。 01...

38810
来自专栏木宛城主

ASP.NET MVC使用Bootstrap系列(4)——使用JavaScript插件

序言 Bootstrap的JavaScript插件是以JQuery为基础,提供了全新的功能并且还可以扩展现有的Bootstrap组件。通过添加data att...

3326
来自专栏知晓程序

如何开发电商类小程序 Vol.3:数据加载和图文排版

1374

扫码关注云+社区

领取腾讯云代金券