前端发展史
从静态走向动态
1994年能够看作前端历史的起点，这一年10月13日网景推出了初版Navigator；这一年，Tim Berners-Lee建立了W3C；这一年，Tim的基友发布了CSS。仍是这一年，为动态web网页设计的服务端脚本PHP以及笔者本人诞生。javascript
万维网（WWW）是欧洲核子研究组织的一帮科学家为了方便看文档、传论文而创造的，这就是为何Web网页都基于Document。Document就是用标记语言+超连接写成的由文字和图片构成的HTML页面，这样的功能已经彻底知足学术交流的须要，因此网页的早期形态和Document同样，彻底基于HTML页面，而且全部内容都是静态的。html
随着网页从学术机构走向公众社会，网页承载的功能便超出了学术范围而变得越发丰富，所以早期网页的局限性也逐渐显露出来。前端
第一，全部的网页都基于HTML页面，由于没有任何手段能够控制局部内容的显示和隐藏，所以任何局部的变化哪怕只多出一个标点符号，都只能从新下载一个新的页面。java
第二，计算任务只能在服务端实现。因为网速限制，与服务器通讯的过程是很是缓慢的，而且此过程是同步阻塞的，因而会出现这样的场景：用户提交一个表单，而后整个页面消失，浏览器呈现白屏，通过漫长的等待，浏览器渲染出一个和以前如出一辙的页面，只不过输入框旁边多了一排红色小字：用户名错误。node
第三，全部页面都是静态的，这意味着一个电商网站有一千种商品，哪怕页面布局如出一辙，也必须写一千个单独的页面。react
早期网页形态低下的效率是没法仅仅经过提升网速解决的。jquery
1994年一个叫Rasmus Lerdorf的加拿大人为了维护我的网站而建立了PHP。PHP原意是Personal Home Page，宣传语是Hypertext Preprocessor（超文本处理者）。PHP实现了与数据库的交互以及用于生产动态页面的模板引擎，是Web领域中最主流的服务端语言。git
-
PHP的圣战程序员
-
(PHP是最好的语言)-这个梗是怎么来的？github
1995年网景推出了JavaScript，实现了客户端的计算任务（如表单验证）。
Atwood's Law:Any application that can be written in JavaScript,will even-tually bewritten in JavaScript.(任何应用程序能够用JavaScript写的，将最终被用javascript所写。)-------------------------- (via@codinghorror)
1996年微软推出了iframe标签，实现了异步的局部加载。
1999年W3C发布第四代HTML标准，同年微软推出用于异步数据传输的ActiveX，随即各大浏览器厂商模仿实现了XMLHttpRequest。这标识着Ajax的诞生，可是Ajax这个词是在六年后问世的，特别是在谷歌使用Ajax技术打造了Gmail和谷歌地图以后，Ajax得到了巨大的关注。Ajax是Web网页迈向Web应用的关键技术，它标识着Web2.0时代的到来。
2006年，XMLHttpRequest被W3C正式归入标准。
至此，早期的Document（文档）终于进化为了Web page（网页），上述三个局限都获得了妥善的解决。
C/S 结构 Client 客户端/Server 服务器
B/S 结构 Browser 浏览器/Server 服务器
从后端走向前端
早期的网页开发是由后端主导的，前端能作的也就是操做一下DOM。2006年 John Resig发布了jQuery，jQuery主要用于操做DOM，其优雅的语法、符合直觉的事件驱动型的编程思惟使其极易上手，所以很快风靡全球，大量基于jQuery的插件构成了一个庞大的生态系统，更加稳固了jQuery做为JS库一哥的地位。
起初制约Web开发从后到前的因素很简单，就是前端不少事干不了或干很差，当时的浏览器性能弱，标准化程度低。特别是占据大量市场份额的IE，不只丑陋，而且bug多。
于2008年问世的谷歌V8引擎改变了这一局面。现代浏览器的崛起终结了微软的垄断时代，前端的计算能力一会儿变得过剩了。标准组织也很是配合的在2009年发布了第五代JavaScript，前端的装备获得了总体性的提升，前端界如同改革开放走进了一个使人应接不暇的新时代。V8就是chrome浏览器用的js解释引擎，主要是C编写的
2009年AngularJS诞生，随后被谷歌收购。
2010年backbone.js诞生。
2011年React和Ember诞生。
2014年Vue.js诞生……先后端分离可谓大势所趋。
后端只负责数据，前端负责其他工做，这种分工模式必定是更清晰也更高效的。随着基础设置的不断完善以及代码封装层级的不断提升，使得前端一我的可以完成的事愈来愈多，这是技术积累的必然结果。就好像今天高中生的知识水平，可能远远超过五百年前的科学家，今天要成为Web全栈工程师，门槛也只会愈来愈低。
2014年，第五代HTML标准发布。H5是由浏览器厂商主导，与W3C合做制定的一整套Web应用规范，至今仍在不断补充新的草案。咱们能够清晰的感觉到这一系列规范背后隐含的领导者的勃勃雄心：占领全部屏幕。
从前端走向全端
2009年Ryan Dahl发布了node.JS，node是一个基于V8引擎的服务端JavaScript运行环境，相似于一个虚拟机，也就是说js在服务端语言中有了一席之地。若是说ajax是前端的第一次飞跃，那么node可算做前端的第二次飞跃。它意味着JavaScript走出了浏览器的藩篱，迈出了全端化的第一步。
一种流行的组合就是利用Express和Mongo搭建服务端程序。
Web开疆拓土的步伐并不止于此。
2007年第一代iphone发布，2008年第一台安卓手机发布。悄然间互联网进入了移动时代。移动端的发展进程和PC的历史一模一样，一开始都是Native App的天下。但浏览器试图取代操做系统的篡位之心从未消减。相比原生应用，Web APP有太多好处：无须开发两套系统版本、无须安装、无须手动升级、无须审核……我认为最大的好处以及驱动软件形态转向的主要缘由在于下降成本，记得13年的时候韩寒说作一个APP大概须要五十万，今天网上比较靠谱的分析评估半年时间从零作出一个稍微像样的APP至少100万，而开发Web App花的钱必定少得多。
制约Web App的因素有不少，但咱们能够看到Web App一直在不断修复缺陷、突破局限。你说网页有tab bar，好吧，给你个fullpage API，你说网页不能调取系统功能，好吧，Geolocation API、Vibration API、Luminosity API、Orientation API、Camera API……你说网页不像APP有图标，IOS早就支持在桌面上添加网页连接的快捷图标，还得是乔帮主远见；你说网页必须联网，如今离线的方案也不少啊；你说Web App性能差，这个……你说得对，也就是这个缘由，Native App还能做为主流存在一段时间，但是若是Web App的性能逐渐遇上Native了呢？目前的Hybrid、nw.js、Electron、react native、weex等均可以看作Web App在性能方面向Native靠近的尝试。更况且半路又杀出个微信小程序。
设想：科技就是为人类服务的，就算工程师是超人，但其本质也是人类。因此人类会从最开始01的二进制语言，到汇编语言，到今天的愈来愈高级愈来愈天然的开发语言，计算机也是从裸机被愈来愈简单的操做系统，应用软件一层一层所封装。
因此开发应该也是会相似，困难的、反人性的部分应该会不断的被封装，从而去不断的追求低成本，高效率，高兼容性，高安全性，更加接近业务层。
前端能干什么
前端用的工具
参考文献：
分享问题：
为何 JavaScript 有如此多的框架？
如何实现先后端分离？
小公司的前端应该怎么作？
2017年前端开发手册一-2016前端技术回顾 2017年前端入门指南简单版
前端开发者指南（2017）全版
-
每一个你不满意的现在，都有一个你没有努力的曾经。