什么是前端开发工程师

随着Web 2.0理念的深入人心，越来越多的企业开始意识到前端体验的价值。这不仅让前端开发工程师的地位水涨船高，也对这个岗位的技术深度提出了更严苛的要求——对于真正有实力的从业者来说，这无疑是个好消息。

那么，“前端开发工程师”到底指的是什么？这个词虽然被用了多年，但似乎一直缺少一个清晰而权威的界定。在第三届D2前端技术论坛上，淘宝UED的圆心给出了一个颇具参考价值的定义：其一，是与交互设计师、视觉设计师紧密协作，将设计稿转化为高质量的页面；其二，是负责网站前端性能的维护与优化。此外，他还界定了“高级前端开发工程师”的职责：1. 运用Ja vaScript或ActionScript编写封装良好、可复用的前端交互组件；2. 为Web项目的前端实施方案提供专业指导和代码质量监督；3. 对新人及相关开发人员进行前端技能培训；4. 设计并推动全站级别的前端性能优化。

可以说，淘宝UED的这个定义是业内少有的、从实际工作内容出发的完整描述。当然，其中“维护及优化网站的前端性能”一句，或许可以更精确地表述为“维护及优化前端性能”，毕竟B/S架构下的前端开发同样广泛存在。

同场论坛上，土豆网的前端工程师李戎，则用一张工作流程图，更直观地展示了前端的定位与职责：

这张图所反映的工作流，其实适用于绝大多数公司。李戎的这种方式让人印象深刻——他用视觉化的图表，而非单纯的文字，来定义前端的工作范畴，既清晰又难以辩驳。这也从侧面说明，有时候，一图确实胜千言。

在一个合理的公司技术架构中，前端与后端应是并立且协作的两大板块，而绝非简单的“页面制作”。前端开发者需要理解项目的整体架构，在用户体验设计上，他们往往比后端同事更有发言权。对于网站前端而言，SEO等技能更是不可或缺。坦白说，一个连DIV+CSS都掌握不精的所谓“专职SEO人员”，其工作成效往往值得商榷。

此外，熟练使用PS也是前端工程师的必备技能之一。视觉设计师或美工通常缺乏前端实现层面的思维，他们提供的切图未必是最优方案。更重要的是，背景图片的合并策略与CSS的运用、HTML标签的嵌套逻辑息息相关，直接关系到页面的实现思路。只有将设计工具、HTML、CSS和脚本语言都掌握到一定火候，才有可能产出代码最精简、结构最优雅、加载速度最快的页面。

说到底，DIV+CSS+JS/AS，才是前端开发工程师安身立命的真本事。

《夸克》非常好用的免费AI浏览器

下载APP查看