摘要：
1给城市列表项绑定点击事件 2判断是不是北上广深数据 3有房源数据 存到本地缓存中 4没有则返回无房源数据 import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon 阅读全文
posted @ 2022-05-30 21:24
前端导师歌谣
阅读(52)
评论(0)
推荐(0)
摘要：
1封装renderCityIndex方法 用来渲染城市列表 2在方法中 获取到索引数组cityIndex 遍历cityIndex 渲染索引列表 3将缩影hot替换为热 4在state中状态添加状态avtiveIndex 5判断高亮条件 import React from 'react' import 阅读全文
posted @ 2022-05-30 21:24
前端导师歌谣
阅读(62)
评论(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
前端导师歌谣
阅读(20)
评论(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
前端导师歌谣
阅读(57)
评论(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
前端导师歌谣
阅读(25)
评论(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
前端导师歌谣
阅读(122)
评论(0)
推荐(0)
摘要：
1常见的长列表优化方案 常见于移动端 2原理:每次渲染一部分 渲染的数据即将滚动完 在渲染下面的数据 3优点 每次渲染一部分数据 速度快 4数据量打的时候 页面上存在大量dom节点 占用树村过多 5使用场景 数据量不打的情况下 具体看页面的复杂程度 阅读全文
posted @ 2022-05-30 21:24
前端导师歌谣
阅读(44)
评论(0)
推荐(0)
摘要：
1如何获取到定位城市的信息 2获取定位城市的代码 封装成函数 直接调用改方法就行 3判断localstorage是否有这个城市 4如果没有就 通过首页中获取定位城市的代码获取 存储到本地中 返回该城市数据 // 1如何获取到定位城市的信息 // 2获取定位城市的代码 封装成函数 直接调用改方法就行 阅读全文
posted @ 2022-05-30 21:24
前端导师歌谣
阅读(45)
评论(0)
推荐(0)
摘要：
1让list组件占满屏幕 2导入AutoSizer组件 3通过render-props模式 获取到AutoSizer组件暴露的width和height属性 4设置List组件的width和height属性 5设置城市根元素高度100% 让组件占满整个页面 6调整样式 不要出现全局滚动条 import 阅读全文
posted @ 2022-05-30 21:24
前端导师歌谣
阅读(88)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-05-30 21:24
前端导师歌谣
阅读(21)
评论(0)
推荐(0)
浙公网安备 33010602011771号