前端框架整理

前端框架

框架是一套架构，会基于自身的特点向用户提供一套相当于叫完整的解决方案，而且控制权的在框架本身，使用者要找框架所规定的某种规范进行开发。

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

3）基于Angular

3）基于jquery ， juqeryEasyUI，用jquery实现的一种前端UI组件，基本要淘汰了。

五 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/     http://dcloud.io/index.html    https://segmentfault.com/a/1190000005173713?_ea=841544

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

补充： https://blog.csdn.net/qq_36538012/article/details/78552087
四、其它
bootstrap

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