随笔分类 - 前端歌谣歌谣-学习篇React-好客租房笔记
摘要：import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon, Toast } from 'antd-mobile' import './index.scss' imp
阅读全文
摘要：css modules通过对css类名重命名 保证每个类名的唯一性 从而避免样式冲突的问题 换句话:所有类名就具有局部作用域 只能当前组件内部生效 webpack的css-loader原因
阅读全文
摘要：1.3组件间样式覆盖问题 1css in js css in js:是使用javascript编写css的统称 用来解决css样式冲突 推荐使用:css modules
阅读全文
摘要：1cityList组件的样式 会影响Map组件的样式 2在配置路由时候 cityList和map组件都被导入到项目中 那么组件的样式也被导入到项目之中 了 如果组件之间样式名称相同 那么一个组件中的样式就会在另一个组件中中生效 从而造成组件样式之间相互覆盖的问题 3只要导入了组件 不管组件中有没有显
阅读全文
摘要：import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHeader from '../../components/NavHeader' // 导入样式 // im
阅读全文
摘要：renderOverlays 1接受改id参数 根据该id参数获取房源 2调用getTypeAndZoom方法获取地图缩放级别 覆盖物类别 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHead
阅读全文
摘要：1实现结构和样式 2实现城市选择 搜索 地图找房页面的路由跳转 import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex, Grid, WingBlank } from 'antd-mobile'
阅读全文
摘要：根据当前地理位置,获取当前所在城市的房源信息 H5中的地理位置api 获取地理位置api 地理位置通过nevigater.geolocation获得
阅读全文
摘要：1H5的地理位置只能获取经纬度信息 2实际开发过程中使用高德地图api或者百度地图api实现 3通过api可以实现页面的使用
阅读全文
摘要：import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex, Grid, WingBlank } from 'antd-mobile' import Nav1 from '../../assets/
阅读全文
摘要：1注册百度账号 2点击创建应用 3获取到密钥
阅读全文
摘要：1使用步骤 1映入百度地图中的api文件 2在index.css中设置全局样式 创建Map组件 配置路由 并在map组件中 创建地图容器元素 并设置样式 import React from 'react' // 导入样式 import './index.scss' export default cl
阅读全文
摘要：获取顶部导航城市信息 1打开百度地图api文档 2通过ip定位获取当前城市名称 3调用我们服务器的接口 换取项目中的城市信息 import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex, Grid,
阅读全文
摘要：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' // 数据格式化的方
阅读全文
