版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_31057219/article/details/85779065
前端三大框架
vue
react
angular
注:官网需翻墙
vue | react | angular |
---|---|---|
124K | 119K | 59K |
基于vue的UI框架:
饿了么 : element
iview
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,提供直观,交互丰富,可高度个性化定制的数据可视化图表。