前端框架整理

前端框架

node.js并不是一个框架。所谓框架的定义是一个组件集，我们调用这个框架就可以运用里面的组件开发出自己想要的功能，而node.js是一个跟JAVA，PHP,python等语言一样的开发平台，只不过它的语言是我们平时见得比较多的javascript，而且也是可以运行在控制台的，真正实现了"javascript running eveywhere";

一、前端框架基础
开发模式：MVC、MVVM、MVP 等
技术基础：javascript、html、CSS

二、前端常用js库

 jquery 

三、流行的前端框架

1）三大框架
vue 官网 https://cn.vuejs.org/ 公司 第三方团队

2）react 官网https://reactjs.org/ 中文社区http://react-china.org/ 公司Facebook

3）angular 官网https://angularjs.org/ 中文管网 https://www.angular.cn/ 公司google
以上三个既可以用作web也可以用作app的基础。

四、Web UI库
1）基于vue：
iview 官网https://www.iviewui.com/ 公司：第三方团队
elementUI 官网 http://element-cn.eleme.io/#/zh-CN 公司：饿了么

2）基于 Rect、Angular

扫描二维码关注公众号，回复： 1556048 查看本文章

3）基于jquery 

五 APP UI库
1）Framework7 官网http://www.framework7.cn/ (有iOS 和 Android 两种样式集)
基于jquery 不过已有Vue、React 版本的实现了
Framework7-Vue http://vue.framework7.cn/ 基于 vue.js
Framework7-React http://framework7.io/react/ 基于 React
2）SUI Mobile 官网 http://m.sui.taobao.org/ 基于Framework7 公司：淘宝
3）React Native 官网 https://reactnative.cn/ 或者
NativeScript，官网https://docs.nativescript.org/
基于 React，根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发iOS和Android也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。
4）Ionic 官网https://ionicframework.com/ 基于angular 版本 angular2和Ionic2

5) FrozenUI 官网http://frozenui.github.io/
6) MUI 官网http://dev.dcloud.net.cn/mui/

六 微信 UI库
WeUI https://weui.io/ 只是一个样式集无js操作。 应用举例 https://weui.io/weui.js/
vux https://vux.li/ 基于vue.js和WeUI

四、其它
bootstrap

五、框架不是唯一
为了满足更加个性化的展示和速度，有些公司不采用UI框架，而是自己写更符合自己需要的javascript、html、CSS。但企业内部管理网站要求并不高为提高开发效率大多可采用框架。