随机生成笑话大全

介绍

本来想实现freeCodeCamp的Build a Wikipedia Viewer效果,的挂了,穷孩子没资格搞开发,做了一个类似的笑话大全,调用阿凡达数据接口

效果图

随机生成笑话大全_第1张图片
点击random按钮随机获取一条笑话信息,输入框输入关键字,点击搜索按钮获取相应笑话内容

点击random

随机生成笑话大全_第2张图片

点击搜索

随机生成笑话大全_第3张图片
样式有点丑,莫嫌弃

数据接口

官网地址: https://www.avatardata.cn/Docs/Api/4b49361c-e858-4a69-845e-0c8c3b24cb5f
接口文档
随机生成笑话大全_第4张图片

项目信息

基于vue脚手架搭建,利用axios调用接口获取数据,懒得写样式调用了mint-ui

全部代码地址: https://github.com/ZLQstart/laugh/tree/master/laugh

你可能感兴趣的:(前端学习,接口调用)