前端架构知识体系

前端架构知识体系

1. 前端框架：

Bootstrap: http://www.bootcss.com/

Semantic UI:http://www.semantic-ui.cn/

Flat UI:http://www.bootcss.com/p/flat-ui/

ONIUI:http://hotelued.qunar.com/oniui/index.html#!/widgets

LigerUI:http://www.ligerui.com/

AmazeUI:http://amazeui.org/

Avalon:http://avalonjs.github.io/#home.html

Vuejs:http://cn.vuejs.org/

Backbone.js:http://www.css88.com/doc/backbone/#introduction

 

2.构建工具及包管理器：

Gulp:http://www.gulpjs.com.cn/

Bower: http://bower.io/

NPM: https://www.npmjs.com/

webpack:http://webpack.github.io/

3.css预处理器：

Less: http://lesscss.org/

Sass: http://sass-lang.com/

4.JS插件：

分页：

     jQuery Pagination plugin:http://esimakin.github.io/twbs-pagination/

模板引擎:

     JavaScript Templates:https://github.com/blueimp/JavaScript-Templates/blob/master/README.md#javascript-templates

表单：

     jQueryForm:http://jquery.malsup.com/form/

编辑器：CKEditer:http://ckeditor.com/

           tinyMCE:https://www.tinymce.com/

多选：jquery.multi-select  http://loudev.com/

5.思维导图：

XMind: http://www.xmind.net/

6.预编译：

browserify：http://browserify.org/

7.Javascript 的图表插件：

Echart:http://echarts.baidu.com/index.html

Highcharts:http://www.hcharts.cn/

8.版本控制:

Git:https://www.git-scm.com/book/zh/v1

9.icon:

iconfont: http://www.iconfont.cn/