Skip to content

Latest commit

 

History

History
133 lines (104 loc) · 10.3 KB

Featured.md

File metadata and controls

133 lines (104 loc) · 10.3 KB

Front-End Develop 项目精选

站在个人的角度,针对开源项目做了一个甄别、筛选以及介绍。

@icepy负责整理

说明:顺序不分排名先后。

目录

框架

项目 开发者&组织 备注
vue yyx990803 用于构建Web界面的MVVM JavaScript框架;
ionic Ionic Ionic是一个强大的HTML5 原生应用(native app) 开发框架,帮助你用HTMLL,css和javascript构建具有原生味道的移动应用(mobile apps);
koa koajs 下一代Node.js Web开发框架
angular.js Angular AngularJS是为了克服HTML在构建应用上的不足而设计的,通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性。换句话说,并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。
avalon RubyLouvre 用于构建Web界面的MVVM JavaScript框架;
express StrongLoop, Inc. 它用于构建Web网站,非常快速;
riot riot 一个小巧的UI和代码结构的框架;
wx baoshan wx是极简设计的微信(公共平台)应用参考级框架,而并非微信接口在node.js下的幂等映射;

模板引擎

项目 开发者&组织 备注
ejs tj JavaScript模板引擎;
artTemplate aui JavaScript模板引擎;

模块化

项目 开发者&组织 备注
requirejs jrburke JavaScript模块化的开山鼻祖,代表着AMD规范。
seajs seajs JavaScript模块化库,代表着CMD规范。

图表

项目 开发者&组织 备注
three.js mrdoob three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象;
echarts Baidu EFE team 基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表;
d3 mbostock 基于JavaScript编写的一个图表库,非常强大;

界面

项目 开发者&组织 备注
amazeui amazeui 国人出品的HTML5框架
fullPage.js alvarotrigo fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站;
jQuery jQuery Foundation jQuery 是一个高效、精简并且功能丰富的JavaScript 工具库;
Zepto madrobby Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto;
FastClick FT Labs FastClick是一个简单的、易于使用的库,消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟;
backbone jashkenas Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序;
cheerio cheeriojs 它可以从一坨html的片断中构建DOM结构,然后提供像jquery一样的css选择器查询;
hammer.js hammerjs 处理触摸事件,以及手势的JavaScript库;

网络

项目 开发者&组织 备注
socket.io Socket.IO Socket.io是使用得非常普遍的前端调用Websocket的库;
superagent visionmedia superagent 是nodejs里一个非常方便的客户端请求代理模块;

异步编程

项目 开发者&组织 备注
async caolan JS实现的一个方便快捷异步编程的库;
persistencejs coresmart 是一个异步的Javascript库的对象关系映射框架;

数据库操作

项目 开发者&组织 备注
node-mongodb-native mongodb nodejs用于操作mongodb;

应用环境类工具

项目 开发者&组织 备注
underscore jashkenas JavaScript函数工具库;
lo_dash Lodash Utilities JavaScript函数工具库;
sugar.js andrewplummer 它扩展了现有的JS对象的方法,让你可以用更少的代码做更多的事情;
JavaScript-MD5 blueimp JS版的MD5;
resumable.js 23 这是用于HMLT5 File Api封装可以方便操作文件的一个库;
node-memwatch lloyd 用于检测Node服务内存
node-heapdump bnoordhuis Node内存调试

开发环境类工具

项目 开发者&组织 备注
browserify substack browserify是一个node.js模块,主要用于改写现有的CommonJS模块,使得浏览器端也可以使用这些模块;
TSD DefinitelyTyped 在TypeScript中替换第三方库所使用的引用文件;
TypeScript Microsoft JavaScript的超集,扩展了类型,类,接口等语法,兼容ES6;
Commander.js tj 可以帮助快速开发Nodejs命令行工具的一个包
marked chjj markdown解析器;
node-inspector node-inspector nodejs的调试工具;
node-supervisor petruisfan nodejs用于无需重启的工具
candy guo-yu 基于多说社交评论的社会化论坛系统,采用 Node.js/Mongodb 构建;

react 生态圈

项目 开发者&组织 备注
React Facebook 这是该公司用于构建反应式图形界面的JavaScript库;
react-redux rackt Flux架构实现
react-router rackt React路由系统
Flow Facebook 该公司出品的一个JavaScript静态编译器
React Native Facebook 该公司出品的一个可以使用JavaScript来构建Native UI的库;
classnames JedWatson 一个简单的工具有条件性的添加class类名
react-bootstrap react-bootstrap bootstrap react版

angular生态圈

项目 开发者&组织 备注
angular-ui-router AngularUI angular-ui-router是AngularJS的路由框架,和默认的$route不同,它将所有路由包装成可划分层级的状态机状态,路由路径在ui-router中不是必须的。由于ui-router的路由状态机是分层级的,所以使用ui-router可以非常方便地创建包含多个嵌入的子模板;