一、冷兵器时代
在很久很久以前的公元年，位于美国的伊利诺州诞生了一位名为NCSAMosaic的孩子。它便是传说中的微软IE、网景以及后续众多网页浏览器的鼻祖。可惜在当时只有少数的幸运儿才可以使用它。
它的初始作用，是为了方便科学家看文档、传论文。所以，到今天为止，学习前端的人在接触HTML的时候，都会记得它的第一句有个词是Document。
次年的年，网景公司打造了一款名为Navigator0.9版的浏览器，该产品在当时也算是轰动一时，即使该版本浏览器仅仅可以用于浏览而已，并不具备与访问者沟通互动的能力。所以网景公司急需一种网页脚本语言，可以使得浏览器与网页互动。
同年，网景公司的一名叫BrendanEich的员工，历经10天打磨出了一款名为JavaScript的产品。据说BrendanEich一点也不喜欢自己的这个作品。可能是他当时就已预料到JavaScript在后面相当长的一段时间中所写出来的程序均是混乱不堪的。不过不管怎样，浏览器通过JavaScript终于可以与网页互动了。
那时候的互联网开发者还被统称为程序员。在那个年代，前后端开发是一体的，还并未分家。前端代码只是后端代码的一部分而已：后端接到浏览器的请求=生成静态页面=邮寄给浏览器。
当时用户的感受：
提交完一个表单，浏览器要白屏等待许久，最后还有可能给你返回个“用户名错误”；
假如你有一万篇文章，那么你要写一万个静态页面……
二、热兵器时代
一切都要从PHP、ASP、JSP的出现开始说起，自从它们的出现才有了将数据嵌入到HTML中的形式，这也意味着互联网行业正式告别了冷兵器时代，朝着热兵器时代快速发展。
此时的互联网兴起了一种MVC的开发模式：
Model（模型层）：提供/保存数据。
Controller（控制层）：数据处理，实现业务逻辑。
View（视图层）：展示数据，提供用户界面。
在此时，前端只是MVC中的V而已，可能是因为当时负责V的开发人员是所有程序员中工资偏低的，所以都喜欢称自己为"切图仔”。没错，"切图仔”便是前端开发工程师的前身。
随着时间的不断推移，后端的工作量越来越重，无暇顾及页面的长相问题，于是乎“切图仔”又多了一项任务：切完图之后，负责编写页面样式，方便后端替换变量及渲染页面。
……
自Ajax逐渐被使用到各个页面上，也宣告了热兵器时代巅峰的到来。此时的前端也不再只是后端的模板，它可以独立得到并处理各种数据，也就在此时“切图仔”们增加了一些JS的开发任务，朝着前端的道路又迈进了一步。
在这个时代有一位不得不提的大哥级人物：jQuery。其最擅长的功夫是操作DOM。由于在其麾下拥有着一套十分庞大的插件生态系统，使得其快速风靡了全球，并霸占JS库一哥的地位许久。即使至了今天，江湖上依然还存在着这位大哥的踪迹及传说。
三、核武器时代
伴随着信息时代、大数据时代的到来，jQuery在处理大量数据操作时，已经明显力不从心了！但，web开疆拓土的步伐从未停歇过：年，谷歌V8引擎发布，终结了微软IE的垄断时代。
年AngularJS诞生（随后被谷歌收购）。
年Node诞生，它使JS在服务端语言中也有了一席之地。
年React诞生。
年Vue.js诞生。
年标准组织发布了ECMAScript（ES6）
年