Web前端技术发展非常快，主流技术的进步。想想刚毕业那会用asp技术。目前，该网站已经非常少见主流应用。

后来的后来J2EE框架。然后SpringMVC声望，然而，最近的各种js框架广泛传播，Html5移动互联网非常丰富的开发引进，一些最新的文本web进行的汇总，让大家很多其它地了解。然后取其所长，避其所短。高速推出简约慷慨，维护方便，性能良好的个人站点。

JavaScript MV*框架



在相当长的一段时间里，每一个程序猿都要学会怎样利用JavaScript来编写弹出一个警告框或查看是否包括@符号的电子邮件之类的程序。而现现在，HTML AJAX App变得复杂了，以至于非常少有人从头開始来学习它们。相反，像使用一个精心设计的框架、编写一些粘合代码来实现业务逻辑的方式更easy让人们接受。这些框架都能够帮助你处理Web App和网页上的事件和内容，大大的节省了时间。

类似的框架如： Dojo Utility tool,jQuery,AngularJS,Backbone.js,Node.js等等。



* AngularJS

AngularJS是一款开源 JavaScript函式库，由Google维护，用来协助单一页面应用程式执行的。它的目标是透过MVC模式 (MVC) 功能增强基于浏览器的应用，使开发和測试变得更加easy。



函式库读取包括附加自己定义（标签属性）的HTML。 遵从这些自己定义属性中的指令，并将页面中的输入或输出与由JavaScript变量表示的模型绑定起来。

这些JavaScript变量的值能够手工设置。或者从静态或动态JSON资源中获取。



* Backbone.js

Backbone.js是一套JavaScript框架与RESTful JSON的应用程式接口。也是一套大致上符合MVC架构的编程范型。Backbone.js以轻量为特色，仅仅需依赖一套Javascript 函式库就可以执行。

常被用来开发单页的互联网应用程式，以及用来维护网络应用程式的各种部份（比如多使用者与server端）的同步。

Backbone.js是由Jeremy Ashkenas所开发，他同一时候也是CoffeeScript的开发人员。



* jQuery

jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。

由John Resig在2006年1月的BarCamp NYC上公布第一个版本号。

眼下是由 Dave Methvin 领导的开发团队进行开发。全球前10000个訪问最高的站点中，有65%使用了jQuery，是眼下最受欢迎的JavaScript库.



* Dojo utility tool

Dojo是一个用javascript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets,Burstlib,f(m)),这也是为什么叫它a"unified"toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些，长期存在、历史问题(historical problems with DHTML)。

跨浏览器问题。





CSS框架



曾几何时。仅仅要是在Web页面花点时间就能打开CSS文件。还包含一个新的命令，像font-style:italic。接下来仅仅须要利用一上午的时间就能把全部事情搞定。而如今的网页设计则相对复杂些，并且也不可能利用这么简单的命令就能够填补一个文件。



可以这么说，CSS框架是SASS和Compass最坚实、最坚固的基础，CSS框架可以提供类似于实际变量、嵌套模块和混合之类的组件，这样有助于创建高质量、更稳定的编码程序。这听起来并不像是编程领域里的新鲜事物，可是这在设计领域里差点儿是一个巨大的飞跃。

CSS框架通常是CSS文件的集合。包含基本风格的字体排版，表单样式。表格布局等等，比方：

    * typography.css 字体排版规则

    * grid.css 表格布局

    * layout.css 布局

    * form.css 表单

    * general.css CSS常规设置

以下是一些不错的CSS框架。具体參阅：CSS框架





* Elements CSS Frameworks

Elements 是一个基础CSS框架，它用来帮助设计者书写CSS更加快捷简单。它不仅是一个框架，它拥有自己的工作流。它拥有你须要完毕项目的各种元素。查看介绍：Overview .



* YUI Grids CSS



基础的YUI Grids CSS提供4种页面宽度，6种边框模板，以及控制行列能力。

4kb文件提供了超过1000个页面布局等。



* YAML CSS Framework



Dirk Jesse的可以对(X)HTML/CSS 框架扩展，支持复杂web项目。

YAML基于web标准和支持各种流行浏览器。尤其支持全部IE版本号包含从 5.x/Win 到 7.0.



* Blueprint CSS

Blueprint是一个CSS框架，它的目标是降低你的CSS开发时间。它提供给你强大的CSS基础来创建你的项目，包含易于使用的grid。有效的字体排版。以及可打印的stylesheet.

SVG+JavaScript on Canvas

曾几何时Flash一直在牵引着软件project师们的主流思想。主要是由于软件project师乐见这种结果。

对普通显示效果的渲染看起来非常不错，很多有才华的设计师们为Flash代码建立了一个优质的堆栈，这样便于提供复杂的转换和动画显示功能。



既然JavaScript有能力做和Flash相同的事情，那浏览器厂商和开发人员肯定更加倾向于JavaScript。

开发人员们觉得DOM层与来自新格式SVG（可伸缩向量图形）的整合将会带来更好的结果。

SVG和HTML是由大量的标签组成。便于Web开发人员使用。紧接着。就会有大量的API在Canvas项目上提供精致的画面，弱弱的问一句：那还有必要再继续使用Flash吗？



单页面Web App设计



记得在网络出现并不久的时候。URL所指向的Web页面都是充满了静态文本和图像的，把全部信息放到一个称之为网络的网页是很之简单的。新的Web App对于大型数据库而言算是比較前端的了。当Web App想要获得所需信息的时候，它就会从数据库中把数据调出来放到指定的位置，而数据层则是全然独立于表示层和格式化层的。在这里，移动计算机处理技术的兴起也是还有一个因素：一个单一的、响应式设计的Web页面就像是一个应用程序——这样就更好的避免了APP Store里可能出现的混乱现象。



Web接口



也是在非常早曾经，人们仅仅能使用一个命令行编译器。

后来呢。有人通过集成编辑器和其它工具而创建了IDE。只是如今又到了IDE黯然失色的时候了——通过基于浏览器的工具就能够编写用于工作系统的代码。

假设你不喜欢WordPress的工作方式。IDE能够在程序中安装一个内置的编辑器。随时随地的更改代码，也就是说。IDE更人性化。国内首家基于web编译器功能的站点（www.gbtags.com）更是引起了广大web前端开发人员的关注。



Node.js

Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎。目的是为了提供撰写可扩充网络程序，如Web服务。第一个版本号由Ryan Dahl于2009年公布，后来，Joyent雇用了Dahl，并协助发展Node.js。

其它编程语言的类似开发环境，包括Twisted于Python，Perl Object Environment于Perl。libevent于C，和EventMachine于Ruby。与一般JavaScript不同的地方。Node.js并非在Web浏览器上执行。而是一种在server上执行的Javascript服务端JavaScript。

Node.js实现了部份CommonJS规格（Spec）。

Node.js包括了一个交互測试REPL环境。



在Node.js领域里。Node.js在浏览器和server之间提供和谐的开发环境以获得利益。

执行在浏览器和server之间同样的代码使得开发人员在调用功能和复制特性的时候及其便利。最后，Node.js层将会成为互联网上最热门的堆栈。