认识达内从这里开始

虽然说现在的编程开发已经进入到了全栈编程开发的时期，但是任何技术都是逐渐演变而来的。今天我们就一起来了解一下，历史上都有哪些编程开发技术曾经主导互联网发展。

一、简单明快的早期时代

可称之为Web1.0时代，非常适合创业型小项目，不分前后端，经常3-5人搞定所有开发。页面由JSP、PHP等工程师在服务端生成，浏览器负责展现。基本上是服务端给什么浏览器就展现什么，展现的控制在WebServer层。

这种模式的好处是：简单明快，本地起一个Tomcat或Apache就能开发，调试什么的都还好，只要业务不太复杂。

然而业务总会变复杂，这是好事情，否则很可能就意味着创业失败了。业务的复杂会让Service越来越多，参与开发的人员也很可能从几个人快速扩招到几十人。在这种情况下，会遇到一些典型问题：

1、Service越来越多，调用关系变复杂，前端搭建本地环境不再是一件简单的事。考虑团队协作，往往会考虑搭建集中式的开发服务器来解决。这种解决方案对编译型的后端开发来说也许还好，但对前端开发来说并不友好。天哪，我只是想调整下按钮样式，却要本地开发、代码上传、验证生效等好几个步骤。也许习惯了也还好，但开发服务器总是不那么稳定，出问题时往往需要依赖后端开发搞定。看似仅仅是前端开发难以本地化，但这对研发效率的影响其实蛮大。

2、JSP等代码的可维护性越来越差。JSP非常强大，可以内嵌Java代码。这种强大使得前后端的职责不清晰，JSP变成了一个灰色地带。经常为了赶项目，为了各种紧急需求，会在JSP里揉杂大量业务代码。积攒到一定阶段时，往往会带来大量维护成本。

二、后端为主的MVC时代

为了降低复杂度，以后端为出发点，有了WebServer层的架构升级，比如Structs、SpringMVC等，这是后端的MVC时代。

代码可维护性得到明显好转，MVC是个非常好的协作模式，从架构层面让开发者懂得什么代码应该写在什么地方。为了让View层更简单干脆，还可以选择Velocity、Freemaker等模板，使得模板里写不了Java代码。看起来是功能变弱了，但正是这种限制使得前后端分工更清晰。然而依旧并不是那么清晰，这个阶段的典型问题是：

1、前端开发重度依赖开发环境。这种架构下，前后端协作有两种模式：一种是前端写demo，写好后，让后端去套模板。淘宝早期包括现在依旧有大量业务线是这种模式。好处很明显，demo可以本地开发，很高效。不足是还需要后端套模板，有可能套错，套完后还需要前端确定，来回沟通调整的成本比较大。另一种协作模式是前端负责浏览器端的所有开发和服务器端的View层模板开发，支付宝是这种模式。好处是UI相关的代码都是前端去写就好，后端不用太关注，不足就是前端开发重度绑定后端环境，环境成为影响前端开发效率的重要因素。

2、前后端职责依旧纠缠不清。Velocity模板还是蛮强大的，变量、逻辑、宏等特性，依旧可以通过拿到的上下文变量来实现各种业务逻辑。这样，只要前端弱势一点，往往就会被后端要求在模板层写出不少业务代码。还有一个很大的灰色地带是Controller，页面路由等功能本应该是前端关注的，但却是由后端来实现。Controller本身与Model往往也会纠缠不清，看了让人咬牙的代码经常会出现在Controller层。这些问题不能全归结于程序员的素养，否则JSP就够了。

经常会有人吐槽Java，但Java在工程化开发方面真的做了大量思考和架构尝试。Java蛮符合马云的一句话：让平凡人做非凡事。

三、Ajax带来的SPA时代

历史滚滚往前，2004年Gmail像风一样的女子来到人间，很快2005年Ajax正式提出，加上CDN开始大量用于静态资源存储，于是出现了JavaScript王者归来的SPA(SinglePageApplication单页面应用)时代。

对于SPA应用，有几个很重要的挑战：

1、前后端接口的约定。如果后端的接口一塌糊涂，如果后端的业务模型不够稳定，那么前端开发会很痛苦。这一块在业界有APIBlueprint等方案来约定和沉淀接口，在阿里，不少团队也有类似尝试，通过接口规则、接口平台等方式来做。有了和后端一起沉淀的接口规则，还可以用来模拟数据，使得前后端可以在约定接口后实现高效并行开发。相信这一块会越做越好。

2、前端开发的复杂度控制。SPA应用大多以功能交互型为主，JavaScript代码过十万行很正常。大量JS代码的组织，与View层的绑定等，都不是容易的事情。典型的解决方案是业界的Backbone，但Backbone做的事还很有限，依旧存在大量空白区域需要挑战。

SPA让前端看到了一丝绿色，但依旧是在荒漠中行走。

四、前端为主的MV时代

为了降低前端开发复杂度，除了Backbone，还有大量框架涌现，比如EmberJS、KnockoutJS、AngularJS等等。这些框架总的原则是先按类型分层，比如Templates、Controllers、Models，然后再在层内做切分。

好处很明显：

1、前后端职责很清晰。前端工作在浏览器端，后端工作在服务端。清晰的分工，可以让开发并行，测试数据的模拟不难，前端可以本地开发。后端则可以专注于业务逻辑的处理，输出RESTful等接口。

2、前端开发的复杂度可控。前端代码很重，但合理的分层，让前端代码能各司其职。这一块蛮有意思的，简单如模板特性的选择，就有很多很多讲究。并非越强大越好，限制什么，留下哪些自由，代码应该如何组织，所有这一切设计，得花一本的厚度去说明。

3、部署相对独立，产品体验可以快速改进。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。