摘要: 1常见的长列表优化方案 常见于移动端 2原理:每次渲染一部分 渲染的数据即将滚动完 在渲染下面的数据 3优点 每次渲染一部分数据 速度快 4数据量打的时候 页面上存在大量dom节点 占用树村过多 5使用场景 数据量不打的情况下 具体看页面的复杂程度 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 1安装react-virtualized 2在项目中导入样式组件 3利用list组件完成 import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon } from ' 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 1将当前定位城市添加到cityList中 2将当前定位城市的索引添加到cityIndex中 async getCityList() { const res = await axios.get('http://localhost:8080/area/city?level=1') console.log 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(22) 评论(0) 推荐(0) 编辑
摘要: import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import './index.scss' import { g 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(49) 评论(0) 推荐(0) 编辑
摘要: import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import './index.scss' import { g 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 1封装renderCityIndex方法 用来渲染城市列表 2在方法中 获取到索引数组cityIndex 遍历cityIndex 渲染索引列表 3将缩影hot替换为热 4在state中状态添加状态avtiveIndex 5判断高亮条件 import React from 'react' import 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 1给城市列表项绑定点击事件 2判断是不是北上广深数据 3有房源数据 存到本地缓存中 4没有则返回无房源数据 import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 1目录的总结 2页面的跳转组件 3封装了一些函数 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 使用页面渲染城市列表 1讲获取到的citylist和cityindex为组件的状态数据 2修改list组件的rowCount为index的索引 3将rowRender函数 添加到组件中 以便在函数中获取到状态数据citylist和cityindex 4修改list组件的rowRender组件方法 5 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(38) 评论(0) 推荐(0) 编辑