一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第13天点击查看活动详情。
大家好,我是大帅子,今天给大家讲一下,自己如何看一下快速的观看文档,下面我们直接开始
前言
众所周知,现在前端框架虽然只有3大框架了,但是各大UI库,可谓层次不穷,
例如 : element-ui ant.design vant ...
那么该如何开始? 从哪里开始呢? 怎么才能保证熟练的找到自己想找到的呢
相同点
我们首先来讲一下这所有的ui库的相同点
1. 首先他们都有快速上手,
然后我们可以按照提示,一步步的照着安装
2. 滑到最下面
我们在每个组件的最下面可以看到他们的相应资源,还可以看见看门支持的组件库,这里我们拿ant.design作为例子
3. 然后我们可以进入到他们的组件之中
经过快速上手之后,我们就可以简单的设置一个简单的按钮 ,试试他们的效果是否成功了
element-ui
<el-button type="danger" plain>危险按钮</el-button>
ant.design
import { Button } from 'antd';
<Button danger>Danger Default</Button>
vant
<van-button type="default">默认按钮</van-button>
这边就是三个组件库的按钮,大家可以看一下是不是可以出现按钮,如果可以的话,我们可以成功使用了
4. 快速查找
我们第一次使用一个组件库的时候,我们肯定不熟悉,那么我们怎么快速找到自己想要的功能呢, 下面我教大家一个方法
嘿嘿,大家是不是以为我要这个方法嘞,no no no ,我们可以用最原始的Ctrl+f,因为我们在网速不太好的时候,点击上面的搜索的时候他会发送一个axios,这样我们会比别人慢一步,作为一个优秀的程序员,除了** 不快,我们其他必须要快,嘿嘿
在教大家一个方法,大家看着上面的图片有什么想法吗, 嘿嘿 , 对了,就是在路径上面直接输入我们想要的组件,我们要做一个最快的程序员
但是我教大家的方法虽好,但是大家还是经常看一下文档,就当小说一样看,这样我们就可以更加熟练,毕竟我们是熟练工种嘛
不同点
其实没什么不同的,一通百通,肯定有一些小东西不一样,这些当然是我们喜欢熟练的地方呀,加油大伙们
好了,这边已经给大家介绍到这里,以上是我自己的理解,希望可以帮到大家, 欢迎留言我这边一定会第一时间给大家解答,喜欢的可以点赞收藏,
🐣---->🦅 还需努力!大家一起进步!!!
