巨人的肩膀——好用的组件

组件库

众所周知，随着前后端分离的技术架构越来越流行，前端的业务复杂度也越来越高，以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可，这种模式极大的降低了我们开发与维护的成本。下面我就简单说介绍一下自己对组件库的了解和应用，期待推出更多优秀的组件库。

一、使用第三方插件

https://github.com/vuejs/awesome-vue#components–libraries
集合了来自社区贡献的数以千计的插件和库。

二、使用Element UI框架

饿了么UED团队推出的vue 前端框架：
(1) PC框架：(element UI)
http://element.eleme.io/#/
https://github.com/ElemeFE/element
(2)Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

① 从0开始的话，可以通过以下命令

②项目已经写了，通过 cnpm i --save element-ui

(3) 移动端框架：(mint UI) 好久不更新维护了，不推荐使用
https://mint-ui.github.io/docs/#/
https://github.com/ElemeFE/mint-ui

三、Vant框架

那么问题来了，那有什么是我们移动端可以用的组件库呢——vant
有赞技术团队推出的vue移动端框架：
https://youzan.github.io/vant/#/zh-CN/
接下来就让我们开始学习吧
（1）安装：
①下载依赖
② 接下来我们还需要安装一个插件，方便我们之后优雅的使用vant,在控制台输入——babel插件
效果展示
（1）正在加载效果

（2）无限滚动效果

（3）IndexBar 索引栏效果

四、结言

通过逆战班的学习，收获还是挺大的。vue-cli对vant的使用并不难，很多移动端的项目都可以使用一些vue扩展的组件，组件库的使用会使我们开发的项目相对简单一点，大大减少了开发的成本，不过我们当谨慎使用，一定要多阅读文档。做商城之类的网站，用Vant组件库开发还是很快的。

巨人的肩膀——好用的组件相关推荐

站在巨人的肩膀上看Servlet——原来如此（更适合初学者认识Servlet）
前言: 有段时间没更新博客了,这段时间因为要准备考试,考完试后又忙了一阵别的事,一直没能静下心来写博客.大学考试真是越来越恶心了,各种心酸,那酸爽,够味.不过还好,马上就要大三了,听大三学长学姐说大三 ...
【巨人的肩膀上制造世界】——5——Unity3D实用插件之Mouse Interaction-Object Highlight，快速构建模型的悬浮高亮！悬浮提示！悬浮动画！
[巨人的肩膀上制造世界]--5--Unity3D实用插件之Mouse Interaction-Object Highlight,快速构建模型的悬浮高亮!悬浮提示!悬浮动画! 目录 1.博客介绍 2.内 ...
【巨人的肩膀上制造世界】——2——Unity3D实用插件之QHierarchy，更方便的管理你的层级面板，全中文教程！
[巨人的肩膀上制造世界]--2--Unity3D实用插件之QHierarchy,更方便的管理你的层级面板,全中文教程! 目录 1.博客介绍 2.QHierarchy介绍 3.QHierarchy操作详 ...
【Visual C++】游戏开发笔记三十五站在巨人的肩膀上：游戏引擎导论
看到在留言中很多朋友提到不太清楚DirectX与游戏引擎的区别的问题,在这里浅墨就专门把自己对游戏引擎的一些理解写成一篇文章,作为我们<Visual C++游戏开发>专栏的游戏引擎导论,也 ...
游戏开发笔记三十五站在巨人的肩膀上：游戏引擎导论
本系列文章由zhmxy555(毛星云)编写,转载请注明出处. 文章链接: http://blog.csdn.net/zhmxy555/article/details/8250057 作者:毛星云(浅墨 ...
这就是巨人的肩膀！2018年阿里巴巴开源的那些牛逼项目汇总
导读: 开源展示了人类共同协作,成果分享的魅力,每一次技术发展都是站在巨人的肩膀上,技术诸多创新和发展往往就是基于开源发展起来的,没有任何一家网络公司可以不使用开源技术,仅靠自身技术而发展起来.阿里巴 ...
站在巨人的肩膀上“思考”问题，重在思考而不是拿来主义
米老师按:觉得值得讨论的小文!我还要认真地想一想主题:围绕职责链设计模式-计算收费有效时间博客展开讨论参与人: 讨论时间: 讨论内容这次讨论主要分为以下几点: 一.职责链模式应用于机房收费系统计 ...
小米：开源不仅要站在巨人的肩膀上，还要为巨人指方向
今天上午,第一届小米开源技术峰会在北京举行,会上,小米人工智能与云平台副总裁崔宝秋致开场词,并发表了<小米开源之路>的演讲. 崔宝秋强调小米一直在推动开源,也是开源的倡导者.他告诉我们雷军 ...
站在巨人的肩膀，2020我在使用和涉及到的开源项目
背景要想成为一名软件开发者需要学习各种专业知识.技术与框架.比如算法.数据结构.编程语言.流行框架等.但是要想成为更加出色的软件开发者,你要学习的就不仅仅是专业上的知识了.还要懂得利用巨人的肩膀. ...