web前端技术进展

js框架

 

视图

URL路由

数据存储

AngularJS

内置基于DOM的模板（必选）

内置（可选）

内置系统（可选）

Backbone

自选（最常用的是基于字符串的模板库handlebars.js）

内置（可选）

内置（可重写）

Batman

内置基于DOM的模板（必选）

内置（必选）

内置系统（必选）

CanJS

内置基于字符串的模板（必选）

内置（可选）

内置（可选）

Ember

内置基于字符串的模板（必选）

内置（必选）

内置（可重写）

Knockout

内置基于DOM的模板（可选，也可以用基于字符串的模板）

自选（大都使用sammy.js或history.js）

自选（如knockout.mapping或只用$.ajax）

Meteor

内置基于字符串的模板（必选）

内置（必选？不确定）

内置（Mongo，必选）

Spine

自选基于字符串的模板

内置（可选）

内置（可选？不确定）

css框架

Twitter BootStrap

时髦、直观并且强大的前端框架，让Web开发变得更加容易

Flameinwork

适合懒人开发者的前端微框架。

EM CSS Framework

提供了一个960px宽 + 12 列网格系统 + CSS的通用样式

Blueprint

一个旨在减少开发时间的前端框架

Foundation

最先进的响应式前端框架

YAML

HTML+CSS框架，适合开发现代化浮动布局

960gs

提供了一个简单的网格系统，适合快速开发

BlueTrip

一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用

Skeleton

非常漂亮的Web模板，适合响应式、移动友好的开发

YUI3:Grids CSS

由Yahoo开发小组开发而成。 提供了四种不同页面宽度，六种不同的模板

99lime HTML KickStart

适合网站快速开发的极简HTML构建模块

52framework

对HTML5支持非常好，简单易用

Kube

面向专业人员的CSS框架

elastiCSS

一个基于Web接口和印刷布局的简单CSS框架

Less Framework

自适应的CSS网格系统

Emastic

一个与众不同的CSS框架

G5 Framework

HTML5、CSS、PHP前端开发框架

Fluid 960 Gride System

传承了MooTools和jQuery JavaScript libraries的效果

Easy Framework

Easy Framework是一个一体化前端解决方案

xCSS

一个面向对象的CSS框架，能让你的工作流更加简洁

js替代品

—Dart

◦+ 自带IDE

◦+ 可在DartVM中运行

—TypeScript

◦+ 完全兼容javascript

◦+ 静态类型(编译检查)

◦+ 面向对象编程

—CoffeeScript

◦+ 优雅

◦+抛弃JavaScript的毒瘤与糟粕

css替代品

—Sass

◦+以缩进分割代码块

—LESS

◦+ 兼容CSS(只使用感兴趣的部分)