1.页面标记(HTML)
由于页面HTML代码结构基本固定，HTML的(de)标签数量也不多，因(yīn)此(cǐ)，从学习的(de)难易程度来说，HTML应該(gāi)是前(qián)端技术中非常容易学习的(de)技术。即使是一个新手，也能在较短的(de)时间里学会编写一个结构良好的(de)页面。虽然说入门容易，但是要编写语义良好、简洁整齐的(de)HTML代码则需要大量的(de)实践才能掌握。HTML是页面的(de)基本结构组成部分，是网站的(de)基础，臃肿混乱的(de)HTML代码不但会影响其本身的(de)展现，而且与其对应的(de)CSS与JavaScript代码也会变得难以编写和维护。
2.页面样式
CSS 是 Cascading Style Sheet(层叠样式表)的(de)简称。在标准页面设计中，因(yīn)为CSS负责网页内容的(de)表现，所以CSS也是前(qián)端开發(fā)需要掌握的(de)核心内容之一。丰富的(de)CSS样式能让平淡的(de)HTML展现出绚丽的(de)效果，使得页面更为友好。好的(de)样式可以让用户在页面上停留的(de)时间更久一些，也可以帮助用户更好地阅读网站内容，同时，还可以让用户在不同浏览器上有着相同的(de)体验。CSS和HTML代码一样，没有复杂的(de)逻辑，上手也比较容易，其主要的(de)难点在于如何合理地利用CSS的(de)组合和继承特性(xìng)来编写简洁、可维护性(xìng)好的(de)CSS代码。以上這(zhè)两项基本技能是前(qián)端UI开發(fā)必备的(de)技能。
展开全文
3.前(qián)端编程
前(qián)端编程技能主要是指JavaScript编程。JavaScript是一种基于对象和事件驱动的(de)客户端脚本语言，是页面实时动态交互的(de)技术基础。相较于HTML和CSS，编写JavaScript代码更能让前(qián)端开發(fā)人员找到后端程序员的(de)感觉。
JavaScript是非常灵活的(de)脚本语言，包含了(le)高阶函数、动态类型以及灵活的(de)对象模型等强大的(de)语言特性(xìng)，当然，JavaScript的(de)灵活性(xìng)也可能导致代码不易维护。此(cǐ)外，浏览器的(de)兼容性(xìng)也增(zēng)加了(le)JavaScript编码的(de)难度。同一个功能，可能在不同的(de)浏览器中有不同的(de)实现。例如，在IE浏览器中，事件绑定使用的(de)是attachEvent()方法，但其他浏览器则使用的(de)是addEventListener()方法。开發(fā)人员在熟悉JavaScript基本语法和基本的(de)编码规范之外，还应該(gāi)了(le)解并解决在不同浏览器中的(de)JavaScript的(de)兼容性(xìng)问题。
4.跨平台、跨浏览器
前(qián)端代码本来不存在跨平台方面的(de)问题，但是随着移动Web平台的(de)兴起，跨平台的(de)问题就逐渐显现出来了(le)。移动设备(如智能手机和平板电脑)在近几年發(fā)展迅猛(měng)，用户通过移动设备访问Web站点的(de)比率也是逐年增(zēng)高。如何在众多移动平台、众多屏幕尺寸上展现友好的(de)Web站点成为一项前(qián)端技能。不过，目前(qián)跨浏览器没有像几年前(qián)表现得那么突出了(le)，這(zhè)主要是因(yīn)为IE 6、IE 7浏览器的(de)占有率下降和众多浏览器对标准的(de)重视，另外，目前(qián)流行的(de)前(qián)端框架已经很好地解决了(le)浏览器的(de)兼容问题。尽管如此(cǐ)，但是还需要熟悉常见的(de)浏览器兼容方法，主要包括：IE 7、IE 8的(de)兼容，HTML5中新特性(xìng)的(de)兼容等。
5.前(qián)端框架
各种前(qián)端框架的(de)出现，在很大程度上降低了(le)前(qián)端开發(fā)的(de)难度。框架统一了(le)编码的(de)方式，封装了(le)浏览器兼容问题并添加大量的(de)扩展功能。如今的(de)Web项目中前(qián)端框架应用非常广泛，在开源社区GitHub上排名靠前(qián)的(de)开源框架也是以前(qián)端框架居多。优秀的(de)前(qián)端框架可以在很大程度上缩短项目开發(fā)的(de)周期，尤其是jQuery，几乎成为Web项目默认的(de)前(qián)端框架。但是，前(qián)端框架的(de)接口众多，各种框架的(de)使用方式和编码方式也不尽相同，作为前(qián)端开發(fā)工程师，需要熟悉一些常用框架的(de)使用方法，并且要了(le)解如何编写常用框架的(de)扩展插件，如jQuery、YUI、nodeJS等。
6.调试工具
对于前(qián)端代码，在调试过程中需要查看页面的(de)HTML结构变化、CSS渲染效果、JavaScript代码的(de)執(zhí)行情况以及等。 开發(fā)工程师需要熟练使用這(zhè)些工具来辅助完成前(qián)端代码的(de)调试。
7.沟通能力
沟通是开發(fā)人员必备的(de)一项基本技能，尤其是对于前(qián)端开發(fā)工程师来说。Web前(qián)端开發(fā)介于UI和后端逻辑开發(fā)之间，因(yīn)此(cǐ)，Web前(qián)端工程师在开發(fā)过程中必定会和UI设计师及后端工程师合作：前(qián)端工程师需要和UI设计师沟通，确定效果是否可以实现以及实现的(de)代价，并对UI设计提出建议;还需要和后端工程师沟通，确定前(qián)后端交互的(de)接口以及传输的(de)数据实体的(de)结构等，良好的(de)沟通会让這(zhè)些过程变得轻松许多。
版权声明
本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。
