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