前端发展史

• 1994 年：前端历史的起点。1994 年 10 月 13 日，网景公司推出 Navigator，这是最早期的浏览器原型。
• 同年，Berners-Lee（蒂姆·伯纳斯·李）创建了 W3C，哈肯·维姆·莱发布了 CSS，二者都由 W3C 组织推动。同时，为动态 Web 网页设计的服务端脚本 PHP 也发布了。

• 万维网是由欧洲核子研究组织的一群科学家为了方便查看文档、传递论文而创造的。这也是为什么 Web 网页都基于 Document。

  Document 是用标记语言加超链接构成的 HTML 页面，由文字和图片组成，完全满足了学术交流的需要。因此，网页的早期形态和文档一样，完全基于静态 HTML 页面。

• 早期网页的缺点：

  1. 所有网页都基于 HTML 页面，无法控制局部内容显示或隐藏。即使只改一个标点符号，也需要重新下载整个页面。
  2. 所有计算任务只能在服务端完成。由于网速限制，与服务器的通信是同步阻塞的，常导致整个页面白屏等待，如表单验证。
  3. 页面是静态的。比如一个电商网站有一千种商品，即使页面布局相同，也需要编写一千个页面。
• 这些低效并不能靠单纯提高网速解决。
• 1994 年，加拿大人 Rasmus Lerdorf 为维护个人网站创建了 PHP。最初 PHP 代表 Personal Home Page，后演化为 Hypertext Preprocessor。它实现了数据库交互和动态模板渲染，成为主流服务端语言。
• 1995 年，网景推出 JavaScript，实现了客户端的计算任务（如表单验证）。
• 1996 年，微软推出 iframe 标签，实现了异步局部加载。

• 1999 年，W3C 发布 HTML 第四代标准。同年，微软推出 ActiveX，实现了异步数据传输，随后各大浏览器实现 XMLHttpRequest。

  这标志着 Ajax 的诞生（虽然“Ajax”一词直到 2005 年才出现），特别是在 Gmail 和 Google Maps 等应用大火之后，Ajax 成为 Web2.0 的核心技术。

• 2006 年，XMLHttpRequest 被 W3C 正式纳入标准。Document 逐步演进为真正的 Web Page，早期三大限制被突破。
• 从后端走向前端：
• 早期网页开发以后端为主，前端主要操作 DOM。
• 2006 年，John Resig 发布 jQuery。它简洁易用、符合直觉，迅速风靡全球，构建了庞大的插件生态。
• 当时浏览器性能弱，标准化低，尤其 IE 存在大量 bug 和兼容问题。
• 2008 年，谷歌推出 V8 引擎。现代浏览器崛起，终结微软垄断，前端计算能力迅速提升。
• 2009 年，JavaScript 第五版发布，标志前端整体实力大幅跃升。
• 同年 AngularJS 诞生，后被谷歌收购。
• 2010 年，Backbone.js 发布。
• 2011 年，React 和 Ember 诞生。
• 2014 年，Vue.js 发布，前后端分离逐渐成为主流开发模式。
• 前端技术积累不断加深，封装程度不断提高，一个前端工程师能独立完成的事情越来越多。
• 2014 年，HTML5 正式发布。由浏览器厂商主导，与 W3C 合作制定，至今仍不断演进，目标是：占领所有屏幕。
• 从前端走向全端：
• 2009 年，Ryan Dahl 发布 Node.js，基于 V8 的服务端 JavaScript 环境，标志前端迈向全端化。
• 常见组合：Node.js + Express + MongoDB。

• 2007 年第一代 iPhone 发布，2008 年首款安卓手机问世，互联网进入移动时代。

  最初由 Native App 主导，Web App 随后快速追赶。Web App 相较原生应用拥有以下优势：

  • 无需开发双版本
  • 无需安装与升级
  • 无需应用市场审核
  • 开发成本显著降低

  Hybrid、NW.js、Electron、React Native、Weex 等技术不断尝试弥合 Web 与 Native 的性能差距。

  微信小程序的出现进一步拓展了 Web 应用的边界。

• 总结设想：

  开发工具与语言会不断封装底层细节，逐步向自然语言靠近，以实现更低成本、更高效率、更高安全性和更强兼容性。开发的本质是服务人类，应该向业务逻辑靠拢，远离复杂和重复性的底层操作。

电脑基本快捷键

• Ctrl + S：保存
• Ctrl + Z：撤销
• Ctrl + Y：反撤销
• Tab：缩进
• Shift + Tab：反缩进
• Ctrl + C / Ctrl + V：复制 / 粘贴
• Ctrl + X：剪切