糟糕的前端工程师：
1、JavaScript 类库乱用，对 JavaScript 本身并不了解，什么地方都用 jQuery；
2、滥用 JavaScript 插件，看都不看看就把别人的代码拿过来用，比如说；
3、不看需求，不做任何的比较和测试，就把CSS 框架加到项目中，但只用了其中 5% 的功能；
4、认为添加个 CSS Framework，网站就可以变成“响应式的”，或者响应式就像是一些小作料，随便就可以加入到一个网页应用中；
5、嘴上喊着“响应式的 Web 设计”，但服务端技术一点都不懂；
6、编写的 CSS 没有任何规范标准，不使用任何预处理器，也没有最佳实践。CSS 代码中充满了过度使用的选择器、ID、神奇的数字以及 !important；
7、不关心代码的性能和内存泄露（什么是真正的内存泄露也不清楚）,不会对代码进行性能测试；
8、对产品没有任何的衡量指标，或者把“在我的电脑/浏览器/移动设备上可以工作”为指标；
9、忽视30年的软件工程实践，毫无章法的开发软件。
顶级前端工程师需要具备的经验和最佳实践：
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 的计算机科学（内存管理、单进程特性、垃圾回收算法、定时器、作用域、提升以及设计模式）。