手写瀑布流—67渲染

最新推荐文章于 2025-05-26 18:37:05 发布

jiaojsun

最新推荐文章于 2025-05-26 18:37:05 发布

阅读量336

点赞数

CC 4.0 BY-SA版权

分类专栏：手写瀑布流

本文链接：https://blog.csdn.net/jiaojsun/article/details/116357708

1.动态渲染图片

另外讲一个react hooks和mocks的结合使用实现分页功能

首先安装axios， mockjs

然后新建一个文件写入以下代码即可

// // mock.js
// // 使用 Mock
// var Mock = require('mockjs')
// var data = Mock.mock("/mock",{  
//   //"/mock"是通过ajax获取数据时填写的地址，可以随意写。但要和ajax请求时填写的地址一致。
// 	"userinfo|20":[{   			//生成四个如下格式的数据
// 		"id|+1":1, 						//数字从1开始，后续依次加1
// 		"name":"@cname",			//名字为随机中文名
// 		"age|18-28":25, 			//年龄是18-28之间的随机数
// 		"sex|1":["男","女"],	 //性别是数组里的随机一项
//         "job|1":["web","teacher","python","php"],   //job是数组里的随机一项
//         "image": "@image('','','','','')",
// 	}]
// })
// // 输出结果
// export default data

//mock.js 文件

import Mock from 'mockjs' // 引入mockjs

const Random = Mock.Random // Mock.Random 是一个工具类，用于生成各种随机数据

const dataList = [] // 用于接受生成数据的数组

for (let i = 0; i < 26; i++) { // 可自定义生成的个数

  const temp