前端web框架

Mars-xq發表於2019-01-04

前端三大框架

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/vue@2.5.21/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/vue-router@2.0.0/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,提供直觀,互動豐富,可高度個性化定製的資料視覺化圖表。

相關文章