摘要: 封装成子组件 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1:类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 . 前言 最好的种树是十年前 其次是现在 面试题什么是纯组件(react) 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 纯组件内部的对比是shallow compare 对于值类型来说 比较两个值是否相同 引用数据类型 是判断引用数据类型是否相同 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(21) 评论(0) 推荐(0) 编辑
摘要: React更新视图的思想是 只要state变化就能重新渲染视图 特点:思路特别清晰 理想状态 部分更新 只更新有变化的地方 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 1工作角度:应用第二 原理第二 2原理有助于更好理解React的自身运行机制 3setState()异步更新数据 4父组件更新导致子组件更新 纯组件提升性能 5思路清晰简单为前提,虚拟dom和diff保证效率 6虚拟dom->state+jsx 7虚拟dom的真正价值从来不是性能 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 现代的前端应用大多都是spa 单页应用程序 也就是只有一个HTML页面的应用程序 应为他的用户体验更好 对服务器的压力更小 前端路由 从一个视图导航到另一个视图 前端路由是一套映射规则 是url和组件的对应关系 使用React路由简单来说 就是配置路径和组件(配对) 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 如果出现报错先降低npm的版本 //导入react import React from 'react' import ReactDOM from 'react-dom' import {BrowserRouter as Router,Route,Link} from "react-router-do 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(18) 评论(0) 推荐(0) 编辑
摘要: Route组件:包裹整个应用 一个react应用只能执行一次 两种常见Router:hashRouter和BrowerRouter hashRouter hash算法完成 link组件:用于指定导航链接 //to属性:浏览器地址栏中的pathName <link to="/first"></firs 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 路由的执行过程 1点击link组件 修改了浏览器地址中的url 2react路由监听到地址栏url的变化 3react路由内部遍历所有Route组件 使用路由规则path域pathname进行匹配 4挡路由规则能够匹配地址栏中pathname的时候 就开始展示组件的内容 //导入react impo 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 编程是导航 通过js代码实现页面跳转 hisTory是react路由提供的 用于获取浏览器历史记录的相关信息 push(path)跳转到某个页面,参数path表示要跳转的路径 go可以前进或者返回到一个页面 //导入react import React from 'react' import Rea 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 默认路由 :进入页面要展示的路由 /就是默认路由 <Route path="/"> //导入react import React from 'react' import ReactDOM from 'react-dom' import {BrowserRouter as Router,Route,L 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 当Link组件的to属性值为/login时候 为什么默认路由也能匹配成功 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1默认路由在任何情况下都能展示 我们希望不是所有的都能展示 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 1能够初始化项目 2能够使用antd-mobile组件库 能够完成项目整体布局 能够完成首页轮播图 能够使用百度api完成定位功能 能够使用react-virtualized完成城市选择功能 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 1项目介绍 项目是一个在线租房项目 实现用户租房的一个需求 核心业务 在线租房 房源信息展示等业务 react核心库 react react-dom react-router-dom 脚手架:create-react-app 数据请求 axios ui组件库:antd-moblie 百度地图api 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 数据库的部署和导入 php中study创建数据库 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 1.2项目搭建 初始化项目 1初始化项目:npx create-react-app hkzf-moblie 2启动项目 npm start 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(24) 评论(0) 推荐(0) 编辑