前端工程师理解
前端工程师在做:
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、最重要的是,尽管有严格的期限、利益相关者的要求,以及设备的限制,无论现在还是将来永远是“客户第一”;
顶级前端工程师具备的技能:
1、了解DNS解析,充分利用CDN,使用多个域名来完成资源的请求以缩短加载时间;
2、设置HTTP Headers ( Expires,Cache-COntrol,If-Modified-Since );
3、遵循Steve Sounders 给出的全部规则 ( 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标准、最新的转换工具积极策略规范( 比如 EDM、SMACSS、OOCSS等 );
11、JavaScript的计算机科学( 内存管理、单进程特性、垃圾回收算法、定时器、作用域、提升以及设计模式)。