摘要: 传入 setstate函数的第二个参数的作用是什么? 第二个参数是一个函数,该函数会在 setState函数调用完成并且组件开始重渲染时调用,可以用该函数来监听渲染是否完成。 this.setstate( { username: "有课前端网", }, () => console.log("re-r 阅读全文
posted @ 2022-09-24 08:58 beifeng11996 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 在使用 React Router时,如何获取当前页面的路由或浏览器中地址栏中的地址? 在当前组件的 props中,包含 location属性对象,包含当前页面路由地址信息,在 match中存储当前路由的参数等数据信息。可以直接通过 this .props使用它们。 类组件与函数组件有什么异同? 相同 阅读全文
posted @ 2022-09-24 08:54 beifeng11996 阅读(93) 评论(0) 推荐(0) 编辑
摘要: react 的优化 shouldcomponentUpdate pureCompoment setState CPU的瓶颈(当有大量渲染任务的时候,js线程和渲染线程互斥) IO的瓶颈 就是网络(如何在网络延迟客观存在的 情况下,减少用户对网络延 迟的感知)(Code Splitting • Dat 阅读全文
posted @ 2022-09-23 11:54 beifeng11996 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 应该在 React 组件的何处发起 Ajax 请求 在 React 组件中,应该在 componentDidMount 中发起网络请求。这个方法会在组件第一次“挂载”(被添加到 DOM)时执行,在组件的生命周期中仅会执行一次。更重要的是,你不能保证在组件挂载之前 Ajax 请求已经完成,如果是这样, 阅读全文
posted @ 2022-09-23 11:48 beifeng11996 阅读(42) 评论(0) 推荐(0) 编辑
摘要: React setState 调用的原理 具体的执行过程如下(源码级解析): 首先调用了setState 入口函数,入口函数在这里就是充当一个分发器的角色,根据入参的不同,将其分发到不同的功能函数中去; ReactComponent.prototype.setState = function (pa 阅读全文
posted @ 2022-09-22 10:27 beifeng11996 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 解释 React 中 render() 的目的。 每个React组件强制要求必须有一个 render()。它返回一个 React 元素,是原生 DOM 组件的表示。如果需要渲染多个 HTML 元素,则必须将它们组合在一个封闭标记内,例如 <form>、<group>、<div> 等。此函数必须保持纯 阅读全文
posted @ 2022-09-22 10:18 beifeng11996 阅读(52) 评论(0) 推荐(0) 编辑
摘要: fetch封装 npm install whatwg-fetch --save // 适配其他浏览器 npm install es6-promise export const handleResponse = (response) => { if (response.status 403 || re 阅读全文
posted @ 2022-09-16 08:24 beifeng11996 阅读(87) 评论(0) 推荐(1) 编辑
摘要: 在构造函数调用 super 并将 props 作为参数传入的作用 在调用 super() 方法之前,子类构造函数无法使用this引用,ES6 子类也是如此。 将 props 参数传递给 super() 调用的主要原因是在子构造函数中能够通过this.props来获取传入的 props 传递了prop 阅读全文
posted @ 2022-09-16 08:11 beifeng11996 阅读(3717) 评论(0) 推荐(0) 编辑
摘要: OSI七层模型 ISO为了更好的使网络应用更为普及,推出了OSI参考模型。 (1)应用层 OSI参考模型中最靠近用户的一层,是为计算机用户提供应用接口,也为用户直接提供各种网络服务。我们常见应用层的网络服务协议有:HTTP,HTTPS,FTP,POP3、SMTP等。 在客户端与服务器中经常会有数据的 阅读全文
posted @ 2022-09-15 08:59 beifeng11996 阅读(117) 评论(0) 推荐(0) 编辑
摘要: typeof NaN 的结果是什么? NaN 指“不是一个数字”(not a number),NaN 是一个“警戒值”(sentinel value,有特殊用途的常规值),用于指出数字类型中的错误情况,即“执行数学运算没有成功,这是失败后返回的结果”。 typeof NaN; // "number" 阅读全文
posted @ 2022-09-15 08:57 beifeng11996 阅读(157) 评论(0) 推荐(0) 编辑