摘要：
React更新视图的思想是 只要state变化就能重新渲染视图 特点:思路特别清晰 理想状态 部分更新 只更新有变化的地方 阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(34)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(23)
评论(0)
推荐(0)
摘要：
1工作角度：应用第二 原理第二 2原理有助于更好理解React的自身运行机制 3setState（）异步更新数据 4父组件更新导致子组件更新 纯组件提升性能 5思路清晰简单为前提，虚拟dom和diff保证效率 6虚拟dom->state+jsx 7虚拟dom的真正价值从来不是性能 阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(29)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(8)
评论(0)
推荐(0)
摘要：
现代的前端应用大多都是spa 单页应用程序 也就是只有一个HTML页面的应用程序 应为他的用户体验更好 对服务器的压力更小 前端路由 从一个视图导航到另一个视图 前端路由是一套映射规则 是url和组件的对应关系 使用React路由简单来说 就是配置路径和组件（配对） 阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(23)
评论(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
前端导师歌谣
阅读(31)
评论(0)
推荐(0)
摘要：
Route组件:包裹整个应用 一个react应用只能执行一次 两种常见Router:hashRouter和BrowerRouter hashRouter hash算法完成 link组件:用于指定导航链接 //to属性:浏览器地址栏中的pathName <link to="/first"></firs 阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(34)
评论(0)
推荐(0)
摘要：
路由的执行过程 1点击link组件 修改了浏览器地址中的url 2react路由监听到地址栏url的变化 3react路由内部遍历所有Route组件 使用路由规则path域pathname进行匹配 4挡路由规则能够匹配地址栏中pathname的时候 就开始展示组件的内容 //导入react impo 阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(35)
评论(0)
推荐(0)
摘要：
编程是导航 通过js代码实现页面跳转 hisTory是react路由提供的 用于获取浏览器历史记录的相关信息 push（path）跳转到某个页面，参数path表示要跳转的路径 go可以前进或者返回到一个页面 //导入react import React from 'react' import Rea 阅读全文
posted @ 2022-05-25 18:02
前端导师歌谣
阅读(27)
评论(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
前端导师歌谣
阅读(35)
评论(0)
推荐(0)
浙公网安备 33010602011771号