只要你细心你就会发现,几乎每个招聘前端的岗位都要求对WEB标准、可用性和可访问性有要求,下面附一张大疆前端任职资格
第二条就是深刻理解WEB标准,对前端性能、可访问性、可维护性有一定的了解和实践。
1. WEB标准
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由万维网联盟(起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
上面一段话是百度百科对WEB标准的解释,我简单总结如下:
- 结构:html
- 表现:css
- 行为:js(dom + es)
WEB标准(结构、表现、行为分离)有哪些优点呢?
- 易于维护:只需更改CSS文件,就可以改变整站的样式
- 页面响应快:HTML文档体积变小,响应时间短
- 可访问性:语义化的HTML(结构和表现相分离的HTML)编写的网页文件,更容易被屏幕阅读器识别
- 设备兼容性:不同的样式表可以让网页在不同的设备上呈现不同的样式
- 搜索引擎:语义化的HTML能更容易被搜索引擎解析,提升排名
2. 可用性、可维护性、可访问性
可用性:产品是否容易上手,用户体验怎么样,可用性好是企业的核心竞争力
可维护性:出现问题时,修复bug的成本低则维护性好,还有一点是代码能够被其他开发人员理解,毕竟我们不是一个人再做产品
可访问性:就是所有人(盲人)都能理解你的网页。