前端web框架

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_31057219/article/details/85779065

前端三大框架

vue

vuejs/vue

官网

react

facebook/react

官网

angular

angular/angular.js

官网

注:官网需翻墙

vue react angular
124K 119K 59K

基于vue的UI框架:

饿了么 : element

github

官网

iview

github

官网

element iview
34K 19K

vue常见相关库

vue

//官网
https://cn.vuejs.org/v2/guide/installation.html

//安装
npm install vue

//cdn
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

element-ui:

// 官网
http://element-cn.eleme.io/#/zh-CN/component/installation

// 安装
npm i element-ui -S

//cdn
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

axios:

//axio中文说明
https://www.kancloud.cn/yunye/axios/234845

// 安装
npm install --save axios

// cdn
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

vue-resource:

npm install --save vue-resource

//cdn
<script src="https://cdn.jsdelivr.net/vue.resource/1.3.1/vue-resource.min.js"></script>

vue-router:

// 官网
https://router.vuejs.org/zh/installation.html

//安装
npm install vue-router

//cdn
https://unpkg.com/vue-router/dist/vue-router.js
https://unpkg.com/[email protected]/dist/vue-router.js

font-awesome

http://fontawesome.dashgame.com/
//一套绝佳的图标字体库和CSS框架

nprogress

https://github.com/rstacruz/nprogress/
//前端轻量级web进度条 

echarts

https://echarts.baidu.com/examples/
//ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,
//兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),
//底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。

猜你喜欢

转载自blog.csdn.net/sinat_31057219/article/details/85779065