初识前端组件库

引言

​ 在实际的学习和设计过程中，我们不可避免地会接触到前端的html，css，js等代码，但是在对页面进行调试的时候，真心的不是很方便。还有诸如笔者这种偏向于后端的代码开发人员就更加头大了，往往一个页面就弄一上午，非常的浪费时间。

​ 所以呢，在各种途径的搜寻下以及在观看了腾讯的鱼皮大佬的视频后，发现了一个宝藏的工具：前端组件库

组件库说明

组件库：顾名思义呢就是一大堆前端组件的库，里面有开源大佬已经帮你总结写好的诸多组件的代码和样式以及动作，能够让你轻松的快速页面开发不是梦。

使用组件库

1. 搜索

   利用搜索引擎搜索组件库

   原生：LayUI

   Vue：ElementUI

   React：Ant Design

   移动端/小程序：VantUI

2. 开始

   来到对应组件库的官网，进入文档，选择快速开始或者开始使用等快速解释文档

3. 引入

   按照文档步骤，下载工具包到本地映入项目中，或者直接使用CDN进行引入

4. 选择

   选择自己需要的组件

5. 看文档

   在当前自己选择的组件文档中，仔细看一遍，选择更加方便完整的方式

6. 粘贴

   复制粘贴（手动狗头）

7. 修改

   根据自己的具体设计和需求修改对应的代码