终于等到你--未来曙光闪耀的前端开发

      大概在 1992 年，一家称作 Nombas 的公司开发了一种叫做 C 减减（C-minus-minus，简称 Cmm）的嵌入式脚本语言。Cmm 背后的理念很简单：一个足够强大可以替代宏操作（macro）的脚本语言，同时保持与 C （和 C ++）足够的相似性，以便开发人员能很快学会。这个脚本语言捆绑在一个叫做 CEnvi 的共享软件中，它首次向开发人员展示了这种语言的威力。

Nombas 最终把 Cmm 的名字改成了 ScriptEase，原因是后面的部分（mm）听起来过于消极，同时字母 C “令人害怕”。

现在 ScriptEase 已经成为了 Nombas 产品背后的主要驱动力。

      

        当 Netscape Navigator 崭露头角时，Nombas 开发了一个可以嵌入网页中的 CEnvi 的版本。这些早期的试验被称为 Espresso Page（浓咖啡般的页面），它们代表了第一个在万维网上使用的客户端语言。而 Nombas 丝毫没有料到它的理念将会成为万维网的一块重要基石。

当网上冲浪越来越流行时，对于开发客户端脚本的需求也逐渐增大。此时，大部分因特网用户还仅仅通过 28.8 kbit/s 的调制解调器连接到网络，即便这时网页已经不断地变得更大和更复杂。而更加加剧用户痛苦的是，仅仅为了简单的表单有效性验证，就要与服务器进行多次地往返交互。设想一下，用户填完一个表单，点击提交按钮，等待了 30 秒的处理后，看到的却是一条告诉你忘记填写一个必要的字段。

那时正处于技术革新最前沿的 Netscape，开始认真考虑开发一种客户端脚本语言来解决简单的处理问题。

当时工作于 Netscape 的 Brendan Eich，开始着手为即将在 1995 年发行的 Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言，当时的目的是在浏览器和服务器（本来要叫它 LiveWire）端使用它。Netscape 与 Sun 及时完成 LiveScript 实现。

就在 Netscape Navigator 2.0 即将正式发布前，Netscape 将其更名为 JavaScript，目的是为了利用 Java 这个因特网时髦词汇。Netscape 的赌注最终得到回报，JavaScript 从此变成了因特网的必备组件。

         因为 JavaScript 1.0 如此成功，Netscape 在 Netscape Navigator 3.0 中发布了 1.1 版。恰巧那个时候，微软决定进军浏览器，发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版，叫做 JScript（这样命名是为了避免与 Netscape 潜在的许可纠纷）。微软步入 Web 浏览器领域的这重要一步虽然令其声名狼藉，但也成为 JavaScript 语言发展过程中的重要一步。

在微软进入后，有 3 种不同的 JavaScript 版本同时存在：Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。与 C 和其他编程语言不同的是，JavaScript 并没有一个标准来统一其语法或特性，而这 3 种不同的版本恰恰突出了这个问题。随着业界担心的增加，这个语言的标准化显然已经势在必行。

           早年的js编程，代码的效率是极其低下的，这点尤其体现在操作dom上，开发者想要给一个按钮添加事件，要写长长一大段重复的代码去获取到这个按钮，再写长长一大段重复的代码去添加事件。尽管老油条会将常用的操作封装起来，但是对于不会封装的新手，这无疑是很痛苦的一件事，尤其再加上各种各样的兼容。

2006年，本着拯救菜鸟，让他们do more的宗旨，jquery诞生。jQuery诞生的意义，一是对ie6 7 8 及各种割据一方的浏览器做好了兼容，二是极大简化了dom操作，使开发效率大大提升。jquery很火爆，火爆的有些前端只会写jquery而不会写原生js的程度。时至今日，说jquery write once，see everywhere已经不为过了。

          jquery的另一个意义（我认为）在于，它催化了人们对前端的兴趣与探索，相比linux，你用很低的成本，就可以写出一个让不懂编程的妹子说欧巴你碉堡了的效果，让人们觉得哎哟（又）不错哦这个屌。此后大量的类库和基于jquey的插件雨后春笋般诞生，前端行业歌舞升平欣欣向荣，网页开发进入一个新时代。

        天下武功出谷歌。在ie6,7,8的时代里面，尽管Firefox也缓慢的挑战ie的地位。但和2009年开始Google开始推广的chrome浏览器产生的颠覆性影响比起来，逊色很多。Chrome使用Apple的开源内核webkit，良好的设计标准和市场反应；促进浏览器快速迭代，让IE在windows10中彻底消失。

         chrome浏览器的推出，将简化前端的入门程度又推进了一步，其自带的调试工具好用又无脑，我们可以利用其轻松的查看网络状态，加载顺序，进行断点调试等，同时谷歌的插件功能，又给开发者提供了极大便利。

目前chrome最新版开始采用blink内核，测试版本中，已经可以对css3动画进行追踪和调试。在我还没有想象到的时候，chrome已经实现了它。

一句话，没有chrome，就没有新中国，就只能用firefox了。

        随着软件项目的迭代加快，项目版本工具也不断的演进，经历CVS, SVN,GIT。到目前为止CVS差不多已经从互联网行业慢慢消失，SVN作为文件和文档存储存在，由linux内核发明人Linus创建的版本工具GIT现在作为代码版本标准。Github依赖于git成为开发人员团队协作的社区！到2015年1月github上已注册的开发人员超过一千万，开源项目几千万。其中2014中国研发者在github上增⻓长最快。你几乎可以在上面找到一切你想要的代码…比如username..password..

          OAuth1或OAuth2与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息（如用户名与密码）。
产生背景：最常见的服务场景，用户需要使用两个不同企业的服务，登录验证A企业，下载内容；然后登录验证B企业，上传内容到B企业服务，复杂又耗时。无论是用户，还是A、B都会想要互通服务。这就产生了核实身份的需求。旧的用户名、密码机制会造成A/B企业有权限查看甚至修改对方的用户资源。为了达到确认身份、服务互通，Google、Yahoo、Microsoft牵头促使OAuth1.0产生。之后的OAuth2.0是各大互联网企业基于https安全的一次新规划。

目前最常见的应用场景主要在授权登录上,如微信,qq,微博等等

       Json虽然是2001年就产生的标准，但被广泛应用是在2008年之后各种Ajax应用、iPhone、Android设备流行之后。旧的服务体系多是企业级，所以XML对java型的企业级服务定位有益。但对于流量限制，语义简单的API服务来说，XML庞大、冗余、不易学又占带宽。

去年我刚工作的时候，后台给我返回一个数组，没有发言权的我在是要遍历这个数组还是转化为json格式之间纠结了很久。

Json的普及,从另一个角度体现了web开发的一个优势,不管你后台是java ruby php还是python,你只要给我一个json格式的接口,我就能撑起整个地球。

2011年Twitter开源的网页端GUI框架。jquery兼容了不同浏览器的js部分，bootstrap则兼容了不同浏览器的css部分。甚至于说，作为一个后端开发，你无需了解css，无需前端，无需设计师，只要看一看bootstrap的文档，就可以搭起一个美观大方的后台管理系统。常见类似的GUI框架还有zurb的foundation,google的materialize，百度也曾出过一个名为GMU的移动端框架。

        就我个人来说，我并不喜欢这些gui框架，尽管他们简化了css，实现了一些很炫酷的效果，尽管我在项目中也用到过这些，尽管我不想承认我是绿茶。这些框架最大的缺点就是，千篇一律，所有的页面都是一个样子，一样的nav，一样的sidebar，一样的表单，连鼠标点上去放个光都一模一样。就像我如果长了三条腿（虽然确实长了三条腿）别人会说我很别致让他们眼前一亮，但如果所有人都长了三条腿，web也就失去其魅力了。另一个缺点是臃肿，一个css就走100多k的流量，其js插件又大都依赖jquery，忍心么。

当然，其为了解决响应式提出的栅格化html的思想还是很值得借鉴的。

          我纠结了一会node属不属于前端范畴的问题。我认为是属于的。

         解决高并发一直是后台哥哥们乐于讨论的问题，比如咱们的好近实时监控系统，理论上每个连接都会生成一个新线程，每个新线程可能需要 2 MB 配套内存。在一个拥有 8 GB RAM 的系统上，理论上最大的并发连接数量是 4,000 个用户。随着用户的增长，咱们希望监控程序支持更多用户，这样，就必须添加更多服务器。当然，这会增加业务成本，尤其是服务器成本。除了成本上升外，还有一个技术问题：用户可能针对每个请求使用不同的服务器，因此，任何共享资源都必须在所有服务器之间共享，到这里，技术就到了瓶颈。node诞生的初衷，就是为了解决这个问题。node解决这个问题的方法是：更改连接到服务器的方式。每个连接发射一个在 Node 引擎的进程中运行的事件，而不是为每个连接生成一个新的 OS 线程，并为其分配一些配套内存。

nodejs属于服务器端语言，在前后端分离这场圈地运动中是前端的一个有利武器，同时在前端自动化上也提供了大量的可编程工具（grunt,bower,gulp等），淘宝百度对nodejs的热度一直很高，自然而然我认为这是一个趋势。去年美团成立了美团酒店的团队，选择了node作为后台语言，圈走了后台大部分的工作。我在想，前端js加上node再加上对UI的技能需求，以后是不是前端工程师是不是该叫全端工程师了。

 

这是这几年被说烂了的一个词，人人都在说HTML5，问HTML5是什么，他们也说不清楚，就是酷，就是炫，就是酷炫。

          在我看来，HTML5只是一个三人成虎的东西，它吸引的眼球远超过了它提供的功能，HTML5只是提供了一些新的API，就等于一个app从1.0升级到2.0增加了附近的人功能而已。而且其提供的API，也就是在移动端试一试水，在pc端因为兼容的问题，始终不能被明媒正娶。pc端的开发还是以HTML4.0+CSS2为基准渐进增强。至于css3，它最被人关注的动画，也是flash玩剩下的东西。

移动端的飞速发展催化了HTML5的发展，HTML5的发展也促使各浏览器趋于标准化。

这条标准化路上，微信功不可没，1024，围住神经猫，淘宝十年，LEXUS NX这些融合了大量HTML5+CSS3元素的页面让人印象深刻。

此外，微软抛弃IE代号，开发edge，各大浏览器厂商的不断标准化，HTML5草案定稿，ES6草稿的不断实现与完善，前端之路看起来是一条京畿坦途，我充满期待。