前端工程师的工作目标:
  1. 在设计师和工程师之间创建可视化的语言;
  2. 用可视化的设计,定义一组代表内容、品牌和功能的组件;
  3. 为 Web 应用程序的公约、框架、需求、可视化的语言和规格设定底线;
  4. 定义 Web 应用程序的设备、浏览器、屏幕、动画的范围;
  5. 开发一个质量保证指南来确保品牌忠诚度、代码质量、产品标准;
  6. 为 Web 应用程序设定适当的行距、字体、标题、图标、边距、填充等等;
  7. 为 Web 应用程序设定多种分辨率的图像,设备为主的实体模型,同时维护设计指南;
  8. 用 account semantics, accessibility, SEO, schemas ,microformats 标记 Web 应用程序;
  9. 用一种友好的,消耗小的,设备和客户端感知的方式连接 API,获取内容;
  10. 开发客户端代码来显示流畅的动画、过渡、延迟加载、交互、应用工作流程,大多数时间用来考虑渐进增强和向后兼容的标准;
  11. 保证后台连接安全,采取跨地资源共享(CORS)的程序考虑,防止跨站点脚本(XSS)和跨站点请求伪造(CSRF) ;
  12. 最重要的是,尽管有严格的期限、利益相关者的要求,以及设备的限制,无论现在还是将来永远是「客户第一」。

实现上述目标,前端工程师采用了从可视化到编程的多种工具 ,甚至有时要照顾市场、 UX 到内容等等。

前端工程师需要具备的经验和实践:

  1. 了解 DNS 解析,充分利用 CDN,使用多个域名来完成资源的请求以缩短加载时间;
  2. 设置 HTTP Headers(Expires, Cache-Control, If-Modified-Since);
  3. 遵循 Steve Souders 给出的全部规则(High Performance Websites)
  4. 知道如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 显示的所有问题;
  5. 知道什么任务该放在服务端,什么任务该放在客户端;
  6. 知道使用缓存,DNS 预取和资源预加载技巧;
  7. 精通 JavaScript,知道何时自己写何时借组别人的框架或代码,优劣明辨;
  8. 熟练使用现代 MVC JavaScript 框架(例如 AngularJS EmberJS React 等),图形库(D3、SnapSVG 等),DOM 操作类库(jQuery、Zepto 等),惰性加载或者模块管理类库(例如 RequireJS、CommonJS 等),任务调用工具(例如 Grunt Gulp 等),包管理工具(Bower Componentjs)以及测试工具(Protractor、Selenium 等);
  9. 掌握图片的格式,每种格式的优点,适用的场景;知道图片优化技巧以及加载策略(雪碧图、懒加载、缓存刷新以及 PNG 交错);
  10. 熟悉 CSS 标准、最新的转换工具积极策略规范(比如 BEM、SMACSS、OOCSS 等);
  11. JavaScript 的计算机科学(内存管理、单进程特性、垃圾回收算法、定时器、作用域、提升以及设计模式)。

优秀的前端工程师任务目标和实践相关推荐

  1. 如何成为优秀的前端工程师

    如何成为一名优秀的前端工程师 (share) 发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考. :)~ 本文来源:http://www.biaodianfu.co ...

  2. 怎样才能成为优秀的前端工程师

    我说说我的看法,我觉得目前国内所谓前端工程师还是有好多分支的,有的前端在UED部门,有的在设计部门,有的在技术部门,所以首先要找好自己 的定位,在技术部门的你就狂钻研javascript,死扣兼容性问 ...

  3. 阿里P8前端工程师:如何成为一名优秀的前端工程师!

    前后端分离的开发模式让前端开发者的地位日益提升,待遇水涨船高,这又吸引了一拨人慕名学习前端课程,希望能在前端领域大展宏图. 但一个残酷的现实是市场上不缺普通前端开发,缺的是掌握专业技能的优秀前端工程师 ...

  4. 如何成为一名优秀的前端工程师 (copy) - 段华建

    发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考. :)~ 本文来源:http://www.biaodianfu.com/what-makes-a-good-fro ...

  5. 成为一个优秀的前端工程师,其实你也可以!

    想成为一个优秀的前端工程师 其实很简单 只要你掌握了 HTML CSS PhotoshopECMAScript DOM BOMNodeJS FlashAS PHPfirebug YSlow IETes ...

  6. 优秀web前端工程师必备_优秀的Web工程师的技能和素质

    优秀web前端工程师必备 In this one-on-one episode of the Versioning Show, Tim and David talk about what makes ...

  7. 黑马程序员教你如何写出优秀的前端工程师简历

    对于一名想找工作的前端开发工程师而言,简历直接关系到面试概率甚至薪资水平,其重要性已不用多说.在HR快速筛选简历的情况下,你的简历要脱颖而出,就得在短时间内将自己的亮点展示给招聘方.具体怎么做?黑马程 ...

  8. 一个优秀的前端工程师应具备哪些技能?

    作为一名前端工程师,产品的内外兼优才能体现它的完美,前端工程师需要学习的技能远远超过设计师. 那么一名优秀的WEB前端工程师应具备哪些技能呢,我在这里分享一下,供大家参考: 第一:HTML超文本标记语 ...

  9. 一个优秀的前端工程师简历应该是怎样的?

    很多Web前端工程师在求职时很容易掉坑里,今天就聊聊怎么避坑. 一.简历中这些坑,千万别再踩了 大厂门的敲门砖,是一张拿得出手的简历. 毫不夸张地说,不管大厂还是其他公司HR每天经手的简历不少于50份 ...

最新文章

  1. 永远不要在 MySQL 中使用“utf8”
  2. 给新手程序员的一些建议
  3. 启动django服务器报错raise errorclass(errno, errval) django.db.utils.InternalError
  4. input maxlength 汉字_汉字原来这么好玩 第A15版:亲子悦读 20201104期 都市女报
  5. 转转、e代驾发布联合报告:代驾司机买二手手机看重验机、质保
  6. [误将两块磁盘挂载到根目录][解决办法]
  7. 关于Metropolis-Hasting采样的两个注意事项
  8. 最新软件设计师考试大纲
  9. 使用 EPUB 制作数字图书
  10. java二重积分_java 版本二重积分计算
  11. 宏晶微MS2109高清视频采集芯片资料
  12. 2022年疑点事件:NMN到底是什么?nmn到底有没有用?
  13. 鸟哥私房菜 第十五章、时间服务器: NTP 服务器
  14. 网络图片地址直接转Base64
  15. “一流的科研成果一定是自己研制的仪器做出来的” – 中国科大LB膜实验室的日子...
  16. 如何快速学习一门新计算机语言
  17. 《动态规划入门》刷题笔记(更新中)
  18. 太阳黄经和平黄经的计算方法
  19. Oracle VARCHAR2超过4000字节-数据库修改
  20. 在 Mac 上如何使用叠放功能

热门文章

  1. Lua 服务器Socket通信实例(转)
  2. 学好WindowsServer技术的几大秘籍
  3. 开张第一天,一年之际在于春
  4. MLT-type渲染算法review
  5. 想知道账号被封的感觉么?
  6. 《深度学习》李宏毅 -- task7总结
  7. 嵌入式商业智能BI有什么功能
  8. java学习(三)内部类
  9. 我的世界pe开服务器网站,我的世界pe服务器怎么开 开服图文教程
  10. 三门问题的MonteCarlo仿真方法