前端开发工程师 小白の阅读笔记

百度百科：【前端开发工程师】

是一个先易后难的过程

⚪ 网站重构

• 网站重构的目的不是为了让网页更符合Web标准，重构的本质是构建一个前端灵活的MVC框架，即HTML作为信息模型（Model），CSS控制样式（View），JavaScript负责调度数据和实现某种展现逻辑（Controller）。同时，代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。
• DHTML可以让用户的操作更炫，更吸引眼球；Ajax可以实现无刷新的数据交换，让用户的操作更流畅。对于普通用户来说，一个网站是否规范、功能是否强大，服务器端是用J2EE+Oracle的强大组合，还是用ASP+Access的简单组合，并没有太明显的区别。但是，前端的用户体验却给了用户直观的印象。

⚪ 核心技术

• Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。
  新的灵感和技术不时闪现出来，例如CSS sprite、悬浮定位、负边距布局、栅格布局等；各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力

⚪ 掌握技术

• ①各种修图软件，如PS\Fireworks\AI，不要求专业设计师水平，但要会用会改，今天是一专多能的时代，光会编程讨不好饭碗的；
  ② 精通JavaScript、jQuery、vue、 react、angular等页面效果框架，这是前端工程师的最核心技能，是专做页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、PHP、Ruby都很容易掌握，因为其原理是一样的；
  ③ 精通一二种模板语言，并能修改，如织梦或wordpress的模板；
  ④ 掌握thinkphp与zend框架，能修改此类开源源码；
  ⑤ 掌握html5与sencha，这是做手机等移动设备的页面前端技术；
  ⑥ 掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差不多；
  ⑦ 掌握node.js，熟悉各种自动化部署工具；
  ⑧ 前端是重视用户体验的，不是靠美工给的页面 做出来就行了，那样不是一个合格的前端。

⚪ 前端开发技术

• 必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、javascript、Ajax等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
  在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
• 会运用各种工具进行辅助开发。比如：处理IE系列浏览器兼容性问题的IEtester、FF排错用的Firebug、FlashFirebug、JavaScript Debugger等。
• 除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。

.

---

? 前端开发博客：【为什么整个互联网行业都缺前端工程师?】
链接:http://caibaojian.com/the-best-webfrontend.html
来源:http://caibaojian.com

• 前端相对来说是一个新领域，当今的 web 需要更多的工程师
• 对前端，普遍存在巨大的误解，其实前端一点也不简单
• 大量糟糕前端工程师的存在，扰乱了市场

⚪ 对前端，普遍存在巨大的误解，其实前端一点也不简单

• 1、在设计师和工程师之间实现可视化的语言；
  2、用可视化的设计，定义一组代表内容、品牌和功能的组件；
  3、为 Web 应用程序的会话、框架、需求、可视化的语言和规格设定底线；
  4、定义 Web 应用程序的设备、浏览器、屏幕、动画的范围；
  5、开发一个质量保证指南来确保品牌忠诚度、代码质量、产品标准；
  6、为 Web 应用程序设定适当的行距、字体、标题、图标、填充等等；
  7、为 Web 应用程序设定多种分辨率的图像，设备为主的实体模型，同时维护设计指南；
  8、标记 Web 应用程序，使之语义化，seo 友好；
  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、缓存，预取和延迟加载技术的使用；
  7、原生 JavaScript，知道何时从头开始做，何时参考别人的代码，同时可以评估这样做的优缺点；
  8、 最新的 MVC Javascript 库知识以及用法；
  9、CSS 标准的知识与用法；
  10、JavaScript的计算机科学部分的知识（内存管理，垃圾收集算法等等等等

换句话说，如果说掌握(或者某些简历里自称的精通) HTML+CSS+JavaScript，了解后端知识，只是 60 分的合格前端；那么要想成为受追捧、拿高薪的 80 分优秀前端，要对业务需求和、架构设计有真正的运用；而 100 分的顶级前端，则必须要能够兼顾技术和设计，更接近「以前端开发为主的全栈工程师」了。

.

---

? 前端攻城狮—18：【写给想成为前端工程师的同学们―前端工程师是做什么的？】

• 前端工程师需要什么样的知识和技能？
• 前端要解决界面和交互问题
• 前端工程师和其他角色的关系
• 对在校学生の需求

⚪ 前端

• 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

⚪ 基础知识

• 数学
  计算机体系
  操作系统
  数据结构和算法
  编译原理
  前端的基础是什么？HTML、CSS、JavaScript基本功，数学、算法、数据结构、操作系统、编译原理基本功。

⚪ 前端工程师的学习和成长

一个优秀的前端工程师必须要有自己擅长的领域，并且钻研得足够深入，同时要有眼界，能“跨界”。可以以前端作为职业，但千万不要把自己的技能限制在前端领域，因为有很多东西，只有站在前端之外，才能看得更清晰，更透彻。
一个领域里面的大师永远不会是另一个类似领域的菜鸟

由兴趣选择前端

• 相对来说，Web开发更吸引我，因为不需要安装任何环境，只需要在文本编辑器里面输入一些字符，保存后打开浏览器，马上就能看到丰富的视觉效果，这就是前端的优势，你所做的努力立即就能看得见。
  相对于死板的输入输出，Web开发在界面可见的一层要丰富多彩得多，这一点吸引了我，如果这一点也能吸引你，让你着迷，那么你就适合学习前端。
• 在选择前端作为职业之前，要明确判断自己对前端开发的确感兴趣，选择做前端，应该是确认自己喜欢和适合做前端，而不是为了一份看起来体面而且薪水不菲的工作。如果你对构建丰富多彩的界面、处理各种交互逻辑不感兴趣，甚至厌烦，那么最明智的选择是放弃成为前端工程师的想法 —— 因为选择一个自己不喜欢的职业，为之忍受数十年直到退休，实在是一件很悲催的事情。

⚪ 对在校学生看重哪方面能力？

• 基础
• 学习能力和学习方法：如何学的前端，学了多久，学到什么程度，遇到过什么问题，是如何尝试解决这些问题。
• 兴趣
• 解决问题的能力：遇到难题如何解决的，遇到没接触过的问题是如何思考和最终解决的。