前端开发（1）

（1）历史：

• web1.0：网页是静态的，用户以浏览为主。Photoshop和Dreamweaver。
• web2.0：
• 各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。
• 无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近几年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
• 

（2）前端开发：

• 较强的视觉设计
• 前端技术包括4个部分：前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等.
• 根据该词可以做这样的理解,用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术.
• web前端优化：
  • 尽量减少HTTP请求 (Make Fewer HTTP Requests)
  • 减少 DNS 查找 (Reduce DNS Lookups)
  • 避免重定向 (Avoid Redirects)
  • 使得 Ajax 可缓存 (Make Ajax Cacheable)
  • 延迟载入组件 (Post-load Components)
  • 预载入组件 (Preload Components)
  • 减少 DOM 元素数量 (Reduce the Number of DOM Elements)
  • 切分组件到多个域 (Split Components Across Domains)
  • 最小化 iframe 的数量 (Minimize the Number of iframes)
  • 杜绝 http 404 错误 (No 404s)
  • 以上10条涵盖了Web前端开发中遇到的各种页面处理技术，让前端开发人员能够准确和快速地把握整个网页的架构，从而达到减少开发成本和页面美化目的.

（3）web前端开发的职责？

• 前端开发工程师（或者说“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”），这样的一个职位的主要职责是与交互设计师、视觉设计师协作，根据设计图用HTML和CSS完成页面制作。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作。
• 资深前端开发工程师：
• 一般而言，资深前端开发工程师需要使用JavaScript或者ActionScript来编写和封装具有良好性能的前端交互组件，熟练使用CSS+XHTML完美输出视觉界面。同时还要对Web项目的前端实现方案 提供专业指导和监督并在日常工作之中对新人及相关开发人员进行前端技能的培训和指导。另外，还要跟踪研究前端技术，设计并实施全网前端优化。最近HTML5、nodejs（JavaScript编程的后台语言）兴起，对资深前端又提出了新的挑战——前端不一定只做前端，也需要熟悉后端，并且要在商业模式、代码架构思想等维度去整体考虑前端的全局布局。
•