随笔分类 - 前端歌谣歌谣-学习篇React-好客租房笔记
摘要：1工作角度：应用第二 原理第二 2原理有助于更好理解React的自身运行机制 3setState（）异步更新数据 4父组件更新导致子组件更新 纯组件提升性能 5思路清晰简单为前提，虚拟dom和diff保证效率 6虚拟dom->state+jsx 7虚拟dom的真正价值从来不是性能
阅读全文
摘要：现代的前端应用大多都是spa 单页应用程序 也就是只有一个HTML页面的应用程序 应为他的用户体验更好 对服务器的压力更小 前端路由 从一个视图导航到另一个视图 前端路由是一套映射规则 是url和组件的对应关系 使用React路由简单来说 就是配置路径和组件（配对）
阅读全文
摘要：如果出现报错先降低npm的版本 //导入react import React from 'react' import ReactDOM from 'react-dom' import {BrowserRouter as Router,Route,Link} from "react-router-do
阅读全文
摘要：Route组件:包裹整个应用 一个react应用只能执行一次 两种常见Router:hashRouter和BrowerRouter hashRouter hash算法完成 link组件:用于指定导航链接 //to属性:浏览器地址栏中的pathName <link to="/first"></firs
阅读全文
摘要：路由的执行过程 1点击link组件 修改了浏览器地址中的url 2react路由监听到地址栏url的变化 3react路由内部遍历所有Route组件 使用路由规则path域pathname进行匹配 4挡路由规则能够匹配地址栏中pathname的时候 就开始展示组件的内容 //导入react impo
阅读全文
摘要：编程是导航 通过js代码实现页面跳转 hisTory是react路由提供的 用于获取浏览器历史记录的相关信息 push（path）跳转到某个页面，参数path表示要跳转的路径 go可以前进或者返回到一个页面 //导入react import React from 'react' import Rea
阅读全文
摘要：默认路由 :进入页面要展示的路由 /就是默认路由 <Route path="/"> //导入react import React from 'react' import ReactDOM from 'react-dom' import {BrowserRouter as Router,Route,L
阅读全文
摘要：当Link组件的to属性值为/login时候 为什么默认路由也能匹配成功
阅读全文
摘要：1默认路由在任何情况下都能展示 我们希望不是所有的都能展示
阅读全文
摘要：1能够初始化项目 2能够使用antd-mobile组件库 能够完成项目整体布局 能够完成首页轮播图 能够使用百度api完成定位功能 能够使用react-virtualized完成城市选择功能
阅读全文
摘要：1项目介绍 项目是一个在线租房项目 实现用户租房的一个需求 核心业务 在线租房 房源信息展示等业务 react核心库 react react-dom react-router-dom 脚手架:create-react-app 数据请求 axios ui组件库:antd-moblie 百度地图api
阅读全文
摘要：数据库的部署和导入 php中study创建数据库
阅读全文
摘要：1.2项目搭建 初始化项目 1初始化项目:npx create-react-app hkzf-moblie 2启动项目 npm start
阅读全文
摘要：如果组件中的部分功能相似或者相同，该如何处理 1处理相似的函数 2复用state 操作state的方法 3render props HOc 4两种方式不是新的api 根据编码技巧 演化为某种模式
阅读全文
摘要：1思路:将要复用的state和操作state的方法封装到一个组件中 如何拿到该组件复用的state 在使用组件时,添加一个值为函数的props 通过函数参数来获取 <Mouse render={{mouse}=>{}}
阅读全文
摘要：使用步骤 创建Mouse组件，在组件中提供复用状态逻辑代码（1:状态 2操作状态的方法） 2将要复用的状态作为props.render(state)方法的参数 暴露到组件外部 //导入react import React from 'react' import ReactDOM from 'reac
阅读全文
摘要：//导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性 // 约定3:
阅读全文
摘要：注意：并不是该模式render Props就必须使用名为render的props，实际上可以使用任意名称 props 把props是一个函数并且告诉组件渲染什么内容的技术叫做render props模式 推荐 使用children代替render属性 //导入react import React f
阅读全文
