瀑布流的简单书写（1）

无所不能的蓝巨人

已于 2022-04-25 22:34:39 修改

阅读量201

点赞数

文章标签： javascript

于 2022-04-18 22:56:31 首次发布

本文链接：https://blog.csdn.net/qq_43174912/article/details/124261975

版权

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
	<title></title>
	<!-- IMPORT CSS -->
	<link rel="stylesheet" href="css/reset.min.css">
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	<div class="container clearfix">
		<div class="column">
			<!-- <div class="card">
				<a href="#">
					<div class="lazyImageBox">
						<img src="" alt="" data-img="images/1.jpg">
					</div>
					<p>泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证</p>
				</a>
			</div> -->
		</div>
		<div class="column"></div>
		<div class="column"></div>
	</div>
	<div class="loadingBox">小主没有啦呀...</div>

	<!-- IMPORT JS -->
	<script src="./js/index.js"></script>
</body>

</html>

/* 版本1 --将data分为三组对应插入*/
(() => {
	let columns = [...document.querySelectorAll(".column")];
	//接收data传入的数据
	let data = [];
	//ajax请求data.json数据
	//设置触发时间让页面进行显示
	let obImg = new IntersectionObserver(
		chengt => {
			//循环时间触发
			chengt.forEach(item => {
				//接收事假中的值
				let { target, isIntersecting } = item;
				//判断事件是否触发
				if (isIntersecting) {
					//事件触发后获取img
					let imgBox = target.querySelector("img");
					//触发事件后获取事件中的data-img数据并付给img的src
					imgBox.src = imgBox.getAttribute("data-img");
					// 进行onoald事假显示显示图片
					imgBox.onload = () => {
						imgBox.style.opacity = 1;
					};
					//结束时间监听
					obImg.unobserve(target);
				}
			});
		},
		{ threshold: [1] }
	);
	const puery = function puery() {
		let xhr = new XMLHttpRequest();
		//发送异步getq请求
		xhr.open("get", "./data.json", false);
		xhr.onreadystatechange = () => {
			let { readyState, status, responseText } = xhr;
			if (readyState == 4 && status == 200) {
				data = JSON.parse(responseText);
			}
		};
		//接收服务请求
		xhr.send();
	};
	//d对data数据进行操作并添加到页面
	const rentend = function rentend() {
		//对data中的数据定义指定高度
		data = data.map(item => {
			let { height, width } = item;
			item.width = 230;
			item.height = Math.round(230 / (width / height));
			return item;
		});
		//对data数据进行分组并排序,3个一组
		for (let i = 0; i < data.length; i += 3) {
			//将data进行三个一截取
			let gulp = data.slice(i, i + 3);
			//判断要不能从第一个数组开始排序
			if (i > 0) {
				gulp = gulp.sort((a, b) => a.height - b.height);
				columns.sort((a, b) => b.offsetHeight - a.offsetHeight);
			}
			//页面进行插入处理
			gulp.forEach((iteme, index) => {
				let { pic, height, title, link } = iteme;
				//创建一个div标签
				let div = document.createElement("div");
				//为div添加类名
				div.className = "card";
				//为div添加内容
				div.innerHTML = `<a href="${link}">
					<div class="lazyImageBox" style="height:${height}px">
						<img src="" alt="" data-img="${pic}">
					</div>
					<p>${title}</p>
				</a>`;
				//将div添加到页面
				columns[index].appendChild(div);
				obImg.observe(div.querySelector(".lazyImageBox"));
			});
		}
		// console.log(data);
	};
	//执行ajax请求
	puery();
	rentend();
	console.log(data);
})();

/* 第二个版本，找到最短的往里面插 */
(() => {
	let columns = [...document.querySelectorAll(".column")];
	//接收data传入的数据
	let data = [];
	//ajax请求data.json数据
	//设置触发时间让页面进行显示
	let obImg = new IntersectionObserver(
		chengt => {
			//循环时间触发
			chengt.forEach(item => {
				//接收事假中的值
				let { target, isIntersecting } = item;
				//判断事件是否触发
				if (isIntersecting) {
					//事件触发后获取img
					let imgBox = target.querySelector("img");
					//触发事件后获取事件中的data-img数据并付给img的src
					imgBox.src = imgBox.getAttribute("data-img");
					// 进行onoald事假显示显示图片
					imgBox.onload = () => {
						imgBox.style.opacity = 1;
					};
					//结束时间监听
					obImg.unobserve(target);
				}
			});
		},
		{ threshold: [1] }
	);
	const puery = function puery() {
		let xhr = new XMLHttpRequest();
		//发送异步getq请求
		xhr.open("get", "./data.json", false);
		xhr.onreadystatechange = () => {
			let { readyState, status, responseText } = xhr;
			if (readyState == 4 && status == 200) {
				data = JSON.parse(responseText);
			}
		};
		//接收服务请求
		xhr.send();
	};
	//d对data数据进行操作并添加到页面
	const rentend = function rentend() {
		//对data中的数据定义指定高度
		data = data.map(item => {
			let { height, width } = item;
			item.width = 230;
			item.height = Math.round(230 / (width / height));
			return item;
		});
		//对data数据进行遍历
		for (let i = 0; i < data.length; i++) {
			//将data进行三个一截取
			//判断从第三个数据开始插入
			//判断直接div中最短一项
				columns.sort((a, b) => a.offsetHeight - b.offsetHeight);
			//页面进行插入处理
			//创建一个div标签
			let div = document.createElement("div");
			//为div添加类名
			div.className = "card";
			//为div添加内容
			div.innerHTML = `<a href="${data[i].link}" id = ''${data[i].id}>
					<div class="lazyImageBox" style="height:${data[i].height}px">
						<img src="" alt="" data-img="${data[i].pic}">
					</div>
					<p>${data[i].title}</p>
				</a>`;
			//将div添加到排序后最短的当中
			columns[0].appendChild(div);
			obImg.observe(div.querySelector(".lazyImageBox"));
		}
	};
	//执行ajax请求
	puery();
	rentend();
	console.log(data);
})();

[
	{
		"id": 1,
		"pic": "images/5.jpg",
		"width": 300,
		"height": 200,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 2,
		"pic": "images/9.jpg",
		"width": 300,
		"height": 433,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 3,
		"pic": "images/3.jpg",
		"width": 300,
		"height": 170,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 4,
		"pic": "images/2.jpg",
		"width": 300,
		"height": 300,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 5,
		"pic": "images/3.jpg",
		"width": 300,
		"height": 170,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 6,
		"pic": "images/10.jpg",
		"width": 300,
		"height": 257,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 7,
		"pic": "images/6.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 8,
		"pic": "images/5.jpg",
		"width": 300,
		"height": 200,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 9,
		"pic": "images/10.jpg",
		"width": 300,
		"height": 257,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 10,
		"pic": "images/11.jpg",
		"width": 300,
		"height": 408,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 11,
		"pic": "images/9.jpg",
		"width": 300,
		"height": 433,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 12,
		"pic": "images/11.jpg",
		"width": 300,
		"height": 408,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 13,
		"pic": "images/8.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 14,
		"pic": "images/3.jpg",
		"width": 300,
		"height": 170,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 15,
		"pic": "images/4.jpg",
		"width": 300,
		"height": 451,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 16,
		"pic": "images/3.jpg",
		"width": 300,
		"height": 170,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 17,
		"pic": "images/4.jpg",
		"width": 300,
		"height": 451,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 18,
		"pic": "images/13.jpg",
		"width": 300,
		"height": 188,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 19,
		"pic": "images/2.jpg",
		"width": 300,
		"height": 300,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 20,
		"pic": "images/6.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 21,
		"pic": "images/1.jpg",
		"width": 300,
		"height": 534,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 22,
		"pic": "images/7.jpg",
		"width": 300,
		"height": 200,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 23,
		"pic": "images/10.jpg",
		"width": 300,
		"height": 257,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 24,
		"pic": "images/13.jpg",
		"width": 300,
		"height": 188,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 25,
		"pic": "images/9.jpg",
		"width": 300,
		"height": 433,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 26,
		"pic": "images/6.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 27,
		"pic": "images/7.jpg",
		"width": 300,
		"height": 200,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 28,
		"pic": "images/8.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 29,
		"pic": "images/12.jpg",
		"width": 300,
		"height": 225,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 30,
		"pic": "images/10.jpg",
		"width": 300,
		"height": 257,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 31,
		"pic": "images/6.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 32,
		"pic": "images/4.jpg",
		"width": 300,
		"height": 451,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 33,
		"pic": "images/9.jpg",
		"width": 300,
		"height": 433,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 34,
		"pic": "images/9.jpg",
		"width": 300,
		"height": 433,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 35,
		"pic": "images/2.jpg",
		"width": 300,
		"height": 300,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 36,
		"pic": "images/6.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 37,
		"pic": "images/10.jpg",
		"width": 300,
		"height": 257,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 38,
		"pic": "images/1.jpg",
		"width": 300,
		"height": 534,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 39,
		"pic": "images/9.jpg",
		"width": 300,
		"height": 433,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 40,
		"pic": "images/11.jpg",
		"width": 300,
		"height": 408,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 41,
		"pic": "images/5.jpg",
		"width": 300,
		"height": 200,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 42,
		"pic": "images/8.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 43,
		"pic": "images/13.jpg",
		"width": 300,
		"height": 188,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 44,
		"pic": "images/1.jpg",
		"width": 300,
		"height": 534,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 45,
		"pic": "images/1.jpg",
		"width": 300,
		"height": 534,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 46,
		"pic": "images/8.jpg",
		"width": 300,
		"height": 400,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 47,
		"pic": "images/1.jpg",
		"width": 300,
		"height": 534,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 48,
		"pic": "images/5.jpg",
		"width": 300,
		"height": 200,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 49,
		"pic": "images/5.jpg",
		"width": 300,
		"height": 200,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 50,
		"pic": "images/10.jpg",
		"width": 300,
		"height": 257,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	},
	{
		"id": 51,
		"pic": "images/13.jpg",
		"width": 300,
		"height": 188,
		"title": "泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾州，美国歌手、演员。2006年出道，同年发行专辑《泰勒·斯威夫特》，该专辑获得美国唱片业协会的白金唱片认证",
		"link": "https://baike.sogou.com/v1850208.htm?fromTitle=%E9%9C%89%E9%9C%89"
	}
]

无所不能的蓝巨人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
瀑布流的简单书写（1）

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> <title>珠峰在线We
复制链接

扫一扫