摘要: import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHeader from '../../components/NavHeader' // 导入样式 // im 阅读全文
posted @ 2022-06-01 20:58 前端导师歌谣 阅读(44) 评论(0) 推荐(1)
摘要: renderOverlays 1接受改id参数 根据该id参数获取房源 2调用getTypeAndZoom方法获取地图缩放级别 覆盖物类别 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHead 阅读全文
posted @ 2022-06-01 20:58 前端导师歌谣 阅读(147) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-06-01 20:58 前端导师歌谣 阅读(36) 评论(0) 推荐(0)
摘要: 业务分析:切换城市 查看该城市下的房源信息 功能 顶部导航栏 城市列表展示 使用索引快速切换城市 点击城市名称切换城市 react-virtual长列表转换 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(34) 评论(0) 推荐(0)
摘要: 1获取步骤 import React from 'react' import axios from "axios" //导入axios //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import "./index.scss" clas 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(38) 评论(0) 推荐(0)
摘要: 1常见的长列表优化方案 常见于移动端 2原理:每次渲染一部分 渲染的数据即将滚动完 在渲染下面的数据 3优点 每次渲染一部分数据 速度快 4数据量打的时候 页面上存在大量dom节点 占用树村过多 5使用场景 数据量不打的情况下 具体看页面的复杂程度 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(44) 评论(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 前端导师歌谣 阅读(127) 评论(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 前端导师歌谣 阅读(31) 评论(0) 推荐(0)
摘要: 1页面加载时 根据接口获取列表数据 2分析当前数据格式以及改功能需要的数据格式 3渲染数据 import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon } from 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(91) 评论(0) 推荐(0)
摘要: import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import './index.scss' // 数据格式化的方 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(47) 评论(0) 推荐(0)