XingYun blog
  • JS基础

    • 图解js原型链
    • JS Event Loop
    • 对象的底层数据结构
    • 让你的JavaScript代码简单又高效
    • 函数参数按值传递
    • 判断数据类型
    • 浮点数精度问题和解决办法
    • 常用方法snippet
    • 实现Promise
    • 防抖和节流
    • 巧用sort排序
  • CSS && HTML

    • CSS也需要性能优化
    • class命名规范
    • em、px、rem、vh、vw 区别
    • CSS揭秘阅读笔记
  • 浏览器

    • 浏览器是如何渲染页面的
    • 重排和重绘
    • BOM浏览器对象模型
    • DOM事件
    • 浏览器存储
  • 数据结构

    • JS实现链表
    • JS实现栈与栈应用
    • JS实现常见排序
    • 哈夫曼编码
    • MD5算法
  • vue原理浅析

    • Vue虚拟dom与Diff算法
    • 前端打包文件的缓存机制
    • vue数组为什么不是响应式
    • v-for为什么不能用index做key
  • 前端工程化

    • 浏览器是如何渲染页面的
    • 前端打包需要gzip压缩吗
    • 前端打包文件的缓存机制
    • webpack loader和plugin
  • 轮子&&组件库

    • 实现水波浪进度球
  • 文字转语音mp3文件
  • 文件上传前后端实现
  • moment.js给定时间获取自然月、周的时间轴
  • 实现文件上传功能
  • 批量下载照片
  • leaflet改变坐标原点
  • 网络

    • 有了MAC地址 为什么还需要IP地址
    • 为什么IP地址老是变
    • 我们为什么需要IPV6
    • TCP与UDP
  • 计算机组成原理

    • ASCII、Unicode、UTF-8和UTF-16
  • VSCode

    • VSCode图片预览插件 Image preview
    • rsync:linux间的高效传输工具

XingYun

冲!
  • JS基础

    • 图解js原型链
    • JS Event Loop
    • 对象的底层数据结构
    • 让你的JavaScript代码简单又高效
    • 函数参数按值传递
    • 判断数据类型
    • 浮点数精度问题和解决办法
    • 常用方法snippet
    • 实现Promise
    • 防抖和节流
    • 巧用sort排序
  • CSS && HTML

    • CSS也需要性能优化
    • class命名规范
    • em、px、rem、vh、vw 区别
    • CSS揭秘阅读笔记
  • 浏览器

    • 浏览器是如何渲染页面的
    • 重排和重绘
    • BOM浏览器对象模型
    • DOM事件
    • 浏览器存储
  • 数据结构

    • JS实现链表
    • JS实现栈与栈应用
    • JS实现常见排序
    • 哈夫曼编码
    • MD5算法
  • vue原理浅析

    • Vue虚拟dom与Diff算法
    • 前端打包文件的缓存机制
    • vue数组为什么不是响应式
    • v-for为什么不能用index做key
  • 前端工程化

    • 浏览器是如何渲染页面的
    • 前端打包需要gzip压缩吗
    • 前端打包文件的缓存机制
    • webpack loader和plugin
  • 轮子&&组件库

    • 实现水波浪进度球
  • 文字转语音mp3文件
  • 文件上传前后端实现
  • moment.js给定时间获取自然月、周的时间轴
  • 实现文件上传功能
  • 批量下载照片
  • leaflet改变坐标原点
  • 网络

    • 有了MAC地址 为什么还需要IP地址
    • 为什么IP地址老是变
    • 我们为什么需要IPV6
    • TCP与UDP
  • 计算机组成原理

    • ASCII、Unicode、UTF-8和UTF-16
  • VSCode

    • VSCode图片预览插件 Image preview
    • rsync:linux间的高效传输工具
  • leaflet改变坐标原点
  • 补间动画gsap与tween
  • 文字转语音mp3文件
  • JavaScript引入
  • JavaScript高级程序设计阅读笔记
  • Javascript函数参数按值传递传递
  • JS防抖和节流
  • 手写JS常用方法
  • 手写Promise
  • JS Event Loop
  • 重排和重绘
  • em、px、rem、vh、vw 区别
  • css也需要性能优化
  • 图解 js 原型链
  • js函数参数按值传递
  • BOM浏览器对象模型
  • DOM
  • 事件
  • js对象数组sort按需排序
  • 文件上传功能技术选型和前后端实现
  • 前端图片处理
  • 让你的JavaScript代码简单又高效
  • BEM:class命名规范
  • 前端规范-CSS属性那么多(杂),怎么排序
  • TypeScript Tips
  • jsx
  • canvas基础
  • 前端日志
  • 浏览器存储
  • CSS世界阅读笔记
  • CSS揭秘阅读笔记
  • js变量命名常用规范词
  • 你不知道的JavaScript阅读笔记
  • js对象的底层数据结构
  • js判断数据类型
  • JS浮点数精度问题和解决办法
  • js作用域
  • js堆栈溢出和内存泄漏
  • 浏览器是如何渲染页面的
  • 疑难杂症和踩坑问题合集
  • 免费在线API收集
    • 原生JS实现Ajax请求
    • cookie、session、localStorage、sessionStorage的区别
    • Sass与Less
    • arrayBuffer、blob、file对象
    • TypeScript基础
    • 前端
    XingYun
    2022-03-14
    目录

    免费在线API收集

    # 随机图片接口

    Lorem Picsum 可以随机返回一张照片,还可以指定照片的尺寸。

    返回 宽和高都是 200px 的图片(GET)

    https://picsum.photos/200

    比如想要获取 宽 200,高 300 的图片(GET)

    https://picsum.photos/200/300

    # 随机获取 1 张猫图(GET)

    https://api.thecatapi.com/v1/images/search?limit=1

    官方文档 (opens new window)

    # 随机获取 1 张狗子图(GET)

    https://dog.ceo/api/breeds/image/random

    官方文档 (opens new window)

    # 公共服务 API 接口汇总

    (opens new window)

    # 扇贝单词

    • API:https://apiv3.shanbay.com/weapps/dailyquote/quote
    • 请求方法:GET
    • 调性:励志,鸡汤
    • 类型:图文

    # 请求参数

    属性名 默认值 必填 说明
    date 当前日期 否 yyyy-MM-dd,默认当前日期

    # 返回值

    {
      "id": "bcziue",
      "content": "You can't be paralyzed by fear of failure or you will never push yourself.",
      "author": "Arnold Schwarzenegger",
      "assign_date": "2021-04-07",
      "ad_url": "",
      "share_url": "https://web.shanbay.com/op/quotes/2021-04-07/",
      "share_urls": {},
      "origin_img_urls": [
        "https://media-image1.baydn.com/soup_pub_image/bnznli/c11cffe7ed36219ee44dfee79ceecba4.77390287ed79259b02d8bd7d06f67169.jpeg",
        "https://media-image1.baydn.com/soup_pub_image/bnznli/c11cffe7ed36219ee44dfee79ceecba4.77390287ed79259b02d8bd7d06f67169.jpeg"
      ],
      "share_img_urls": [
        "https://media-image1.baydn.com/soup_pub_image/bnznli/37199a19776d9681c9ccc76d189adc11.6f739349c4584f8b5a050884cd741fae.jpeg",
        "https://media-image1.baydn.com/soup_pub_image/bnznli/37199a19776d9681c9ccc76d189adc11.6f739349c4584f8b5a050884cd741fae.jpeg"
      ],
      "join_num": 43,
      "translation": "你绝不能为失败的恐惧所吓倒,否则你将永远不会前进。",
      "poster_img_urls": [
        "https://media-image1.baydn.com/dailyquote/url-79491420f4846dd98cf5b61d5f5381fee98a7b3159349a07334d78acb4d90343.jpg?x-oss-process=image/quality,Q_80/format,webp",
        "https://media-image1.baydn.com/dailyquote/url-79491420f4846dd98cf5b61d5f5381fee98a7b3159349a07334d78acb4d90343.jpg?x-oss-process=image/quality,Q_80/format,webp"
      ],
      "track_object": {},
      "daily_audio_urls": ""
    }
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25

    二次元随机图

    https://api.oick.cn/random/api.php

    上次更新: 2023/04/05, 09:41:10
    疑难杂症和踩坑问题合集
    原生JS实现Ajax请求

    ← 疑难杂症和踩坑问题合集 原生JS实现Ajax请求→

    最近更新
    01
    JavaScript-test
    07-20
    02
    二维码的原理
    07-20
    03
    利用ChatGPT优化代码
    07-20
    更多文章>
    Theme by Vdoing | Copyright © 2021-2023 XingYun | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式