公司招收了几个刚毕业的学生，把我作为重构的初学者带来了。

首先，感谢党，感谢国家，感谢公司给了我这样的机会，得到了我对工作的肯定和认可，带着这样一支重构团队。 同时，我理解任务的艰巨，但我一定会把工作做好，满足公司的期望。 哈哈，从小到大，老师好像就是这样先说的教育我们的。 ）

在网站发展史上，早期的网站建设不需要网站再造这个职位。 网络1.0时代的网络，要么是程序员，要么是嵌套了很多表格，要么是美工合作完成的。 先由美工负责设计，再用自动化软件进行多次拉伸，只需将设计图直接通过软件输出表格布局，无需重构这个多余的职位。 随着WEB2.0的到来和W3C规范的问世，内容和风格的分离给开发和维护带来了便利，传统的表格布局和内容混合方式逐渐被淘汰，艺术作品完全一手包办了效果越来越复杂、要求更高的页面布局因此，新的职位——前端工程师应运而生。

小生正好是成长为WEB2.0的前端工程师，虽说很少做项目，但很乐意与人分享。 分享可能是表面的、过时的东西，但只要希望你醒来，最好能起到抛砖引玉的作用。

一、前端工程师的职能和作用。

前端工程师是什么？ 我们是工程师中的设计师，设计师中的工程师。 上班不做别的，就是玩玩，收到点效果，存两页，做点创新。 我们是尖端攻城师(工程师)。 当然，这个表达有点轻，语气很好。 工作绝对不是那么简单。 有时为了实现或优化效果而加班一起开发，但其实有两种表现非常高兴。 那就是，我们是工程师中的设计师，设计师中的工程师。 这句话准确地说出了前端工程师的角色定位。 前端工程师在网站开发的初期，以工程师的身份指导网页的设计。 前端工程师要了解程序输出的方式，避免在设计过程中输出不到的数据排版，指出哪些阴影、透明、圆润的使用不能广泛使用等。 在重构页面的过程中，将作为设计师设置的页面转换为静态页面。 必须首先在代码中恢复设计页，以实现适当的前台效果。 排列让后台开发工程师输出数据的地方，支持后台数据的输出，避免页面变形、错位。 如果数据输出正常，请根据程序修改样式，使其尽可能与设计效果一致。 所以，在这个页面的设计和程序的目前过程中，前端工程师必须起到桥梁作用。

前端开发是一项非常特殊的工作，前端工程师的工作看起来很简单，很轻，但绝对不简单。 开发过程涵盖的范围非常广泛，从技术的角度考虑界面的实现，避免了技术的死角，又从用户的角度考虑，如何才能更好地接受技术所表达的枯燥无味的数据，更好地表达信息？ 简单来说，其主要功能是更好地结合网站数据和用户接受，为用户提供友好的数据接口。

二、前端工程师前景如何

前端工程师是一种新职业，从国内到国际上真正开始受到重视的时间不到5年。 互联网发展速度迅猛，网页从WEB1.0到WEB2.0，再到新的HTML5、CSS3，如今随着手机、3G网络等新技术的兴起，网页也以最先进的文字为主，基于至今各种哀前沿技术

网站开发对前端的需求越来越重要，但由于业务上缺乏新职业和新职业，高质量的前端开发工程师将在未来五年内成为非常热门的职业，发展前景非常广阔。

三.前端工程师应掌握的技能

作为前端工程师，必须掌握的技能真的不少。

三种基本技能： HTML、CSS和JavaScript

这是前端开发中最基本、最需要的三种技能。 在前端开发中，在页面布局时，HTML定义元素，CSS定位展示的元素，并通过JavaScript实现相应的效果和交互。 表面上这些看起来很简单，但这里面必须掌握的东西绝对不少。 在进行开发之前，必须先阐明和理解这些概念。 这样，在开发过程中就可以有自信了。

HTML :

超文本标记语言( Hyper Text Markup Language )。 这也是我们页面上最常用的常用语言，经过多个版本的发展，现在已经发展到了4.01版。 致力于W3C确立的标准和规格，现在升级到XHTML。 XHTML是一种可扩展的超文本标签语言( extensiblehypertextmarkuplanguage )，XHTML于2000年1月26日成为W3C标准，是一种更严格、更纯粹的HTML代码，旨在取代XHTML XHTML与HTML 4.01大致相同，XHTML是被重新定义为XML APP的HTML，是W3C标准。 W3C将XHTML定义为最新的HTML版本。 所有新浏览器都支持XHTML。

此外，W3C还将与WHATWG合作创建名为HTML5的新版本的HTML。 HTML5成为HTML、XHTML和HTML DOM的新标准，给HTML的世界带来很多惊喜。 虽然HTML5仍在改进，但大多数现代浏览器已经具备了一些HTML5支持，显示的生命力和活力非常令人兴奋。 特别是在前端工作中，浏览器兼容性问题得到了很好的解决，取得了更多的效果和APP

前端工程师也必然要与时俱进，跟上行业时代发展的前沿。 否则，只会永远停留在旧技术上，只会被无情地淘汰。

其实HTML的元素不过几十个，常用的元素更少，掌握了应该不难。 但是，这些看似简单的因素，很多初学者从一开始就不注意规范，养成了不良习惯。

1、不要忽略细节

随便开了个网站，顺手就上了163个首页。 163是一个比较规范、专业的门户网站，已经可以通过HTML5的一些元素具体查看源文件。

在头部的焦点广告图中，用鼠标右键单击小bug中的元素，可以看到这样的图像标签img代码：

写了img必需和可选的参数，但没有写必需参数值之一的alt (实际上，几个大型专业门户实际上也存在一些小问题，但只要细心就能发现)。 即使没有这样写alt，页面也没有任何问题。 此alt属性也仅在图像丢失、无效或无法加载时显示，但如果您访问其他特定设备或在其他条件下看不到图像，此处往往会有红色的XX和大的白色块影响用户体验

虽然是小的alt属性，但细节也可能决定成败。 使用还是不使用，表面上看不出任何问题，但无法推测在特定条件下的作用。 也就是说，从这些小细节可以看出前端工程师的水平。

一些前端的新同学可以不填任何内容，放任何名字的没有意义的图，但是养成这样的习惯非常不好。

详情请访问云服务器、域名注册、虚拟主机的问题，请访问西部数码代理商官方网站： zhuji.chenqinet.cn