摘要：
1打开ant design moblie导航栏的文档 2从文档中拷贝示例代码进入页面开始学习 import React from 'react' //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import "./index.scss" 阅读全文
摘要：
业务分析:切换城市 查看该城市下的房源信息 功能 顶部导航栏 城市列表展示 使用索引快速切换城市 点击城市名称切换城市 react-virtual长列表转换 阅读全文
摘要：
1获取步骤 import React from 'react' import axios from "axios" //导入axios //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import "./index.scss" clas 阅读全文
摘要：
1页面加载时 根据接口获取列表数据 2分析当前数据格式以及改功能需要的数据格式 3渲染数据 import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon } from 阅读全文
摘要：
import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import './index.scss' // 数据格式化的方 阅读全文
摘要：
阅读全文
摘要：
1可视区域渲染（react-virtualized） 2适用于一次性展示大量的数据 阅读全文
摘要：
阅读全文
摘要：
1让list组件占满屏幕 2导入AutoSizer组件 3通过render-props模式 获取到AutoSizer组件暴露的width和height属性 4设置List组件的width和height属性 5设置城市根元素高度100% 让组件占满整个页面 6调整样式 不要出现全局滚动条 import 阅读全文
摘要：
1如何获取到定位城市的信息 2获取定位城市的代码 封装成函数 直接调用改方法就行 3判断localstorage是否有这个城市 4如果没有就 通过首页中获取定位城市的代码获取 存储到本地中 返回该城市数据 // 1如何获取到定位城市的信息 // 2获取定位城市的代码 封装成函数 直接调用改方法就行 阅读全文