2022年5月30日
好客租房126-H5中的地图api
摘要： 根据当前地理位置,获取当前所在城市的房源信息 H5中的地理位置api 获取地理位置api 地理位置通过nevigater.geolocation获得 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(39) 评论(0) 推荐(0)
好客租房127-百度地图api1介绍
摘要： 1H5的地理位置只能获取经纬度信息 2实际开发过程中使用高德地图api或者百度地图api实现 3通过api可以实现页面的使用 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(43) 评论(0) 推荐(0)
好客租房128-百度地图api2申请账号和密钥
摘要： 1注册百度账号 2点击创建应用 3获取到密钥 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(69) 评论(0) 推荐(0)
好客租房129-百度地图api3使用步骤
摘要： 1使用步骤 1映入百度地图中的api文件 2在index.css中设置全局样式 创建Map组件 配置路由 并在map组件中 创建地图容器元素 并设置样式 import React from 'react' // 导入样式 import './index.scss' export default cl 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(84) 评论(0) 推荐(0)
好客租房130-获取顶部导航信息
摘要： 获取顶部导航城市信息 1打开百度地图api文档 2通过ip定位获取当前城市名称 3调用我们服务器的接口 换取项目中的城市信息 import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex, Grid, 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(64) 评论(0) 推荐(0)
好客租房132-城市选择导航栏
摘要： 1打开ant design moblie导航栏的文档 2从文档中拷贝示例代码进入页面开始学习 import React from 'react' //导入navBar组件 import { NavBar, Icon } from 'antd-mobile' import "./index.scss" 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(40) 评论(0) 推荐(0)
好客租房148-渲染右侧索引列表（滚动城市列表高亮）
摘要： 1给list组件添加onrowaRendered配置项 用于获取当前列表渲染的项目信息 2通过参数satrtIndex获取到 起始索引页 3判断索引列是否相同 import React from 'react' import axios from 'axios' //导入axios //导入navB 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(55) 评论(0) 推荐(0)
好客租房143-react-virtualized3让list组件占满整个屏幕
摘要： 1让list组件占满屏幕 2导入AutoSizer组件 3通过render-props模式 获取到AutoSizer组件暴露的width和height属性 4设置List组件的width和height属性 5设置城市根元素高度100% 让组件占满整个页面 6调整样式 不要出现全局滚动条 import 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(102) 评论(0) 推荐(0)
好客租房152-好客租房web中学习
摘要： 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(11) 评论(0) 推荐(0)
好客租房144-渲染城市列表
摘要： 使用页面渲染城市列表 1讲获取到的citylist和cityindex为组件的状态数据 2修改list组件的rowCount为index的索引 3将rowRender函数 添加到组件中 以便在函数中获取到状态数据citylist和cityindex 4修改list组件的rowRender组件方法 5 阅读全文
posted @ 2022-05-30 21:24 前端导师歌谣 阅读(48) 评论(0) 推荐(0)