React
文章平均质量分 68
真不可思议
这个作者很懒,什么都没留下…
展开
-
React 优化
componentWillUnmount() 卸载前钩子函数中的优化 componentWillUnmount() { //1.解除事件绑定 window.onscroll = undefined; //2.页面中使用了定时器,需要在卸载时清除 // clearInterval(this.state.timer); //3.页面已经卸载,ajax请求还没完成,需要把ajax请求停止 jquery ajax a原创 2021-04-29 13:16:05 · 76 阅读 · 0 评论 -
React Router基本原理
React Router甚至大部分的前端路由都是依赖于history.js的,它是一个独立的第三方js库。可以用来兼容在不同浏览器、不同环境下对历史记录的管理,拥有统一的API。 老浏览器的history: 通过hash来存储在不同状态下的history信息,对应createHashHistory,通过检测location.hash的值的变化,使用location.replace方法来实现url跳转。通过注册监听window对象上的hashChange事件来监听路由的变化,实现历史记录的回退。 高版本浏原创 2021-04-26 20:15:23 · 340 阅读 · 0 评论 -
React 生命周期
旧版生命周期 React的生命周期分为三个阶段:挂载、渲染、卸载。 React生命周期分为两类:挂载卸载过程、更新过程。 // 旧版本 export default class App extends Component { constructor (props) { super(props) // 设置初始化状态 // 给组件的非钩子函数 bind this // 设置ref this.testRef = React.createRef cons原创 2021-04-26 20:00:39 · 393 阅读 · 0 评论 -
React 基础项目依赖
reset-css(清除浏览器默认CSS样式) 下载: npm i -S reset-css yarn add reset-css 引入: import "reset-css"; react-flexible(rem移动端适配) 下载: npm i -S react-flexible yarn add react-flexible 引入: import "react-flexible"; axios(请求数据) 下载: npm i axios yarn add axios 引原创 2021-04-26 19:44:25 · 416 阅读 · 0 评论 -
React2021基础面试题
1、什么是React? React是Facebook在2011年开发的前端JavaScript库。 它遵循基于组件的方法,该方法有助于构建可重用的UI组件。 它用于开发复杂的交互式Web和移动UI。 即使仅在2015年才开源,它还是支持它的最大社区之一。 2、React的一些主要优点。 它提高了应用程序的性能 它可以方便地在客户端和服务器端使用 由于有了JSX,代码的可读性提高了 React易于与其他框架(如Meteor,Angular等)集成 使用React,编写UI测试用例变得非常容易原创 2021-04-22 12:39:59 · 570 阅读 · 2 评论