JJWanna的博客

1.以下对react hooks 描述？react要解决的问题是状态共享，状态指的是状态逻辑和数据处理逻辑使用hooks更容易将组件的ui与状态分离多个状态不会产生嵌套，写法是平铺的写法上有限制，不能出现在条件、循环中useEffect第二个参数不写，任何方法都触发useEffectuseEffect第二个参数是一个数组，表示以什么state和props来执行副作用useEffect中定义的副作用函数的执行不会阻塞浏览器更新视图，也就是说这些函数是异步执行的。而co

react项目性能优化1.react 性能react hooks 使用 源码 为什么？react 面试 、react 渲染逻辑 、虚拟dom 、memo、Lazy、 setStatefiber 浏览器渲染一帧画面的过程？屏幕上一个像素点是怎么展示出来的？整个渲染过程？react按需加载：按需加载是依靠延迟计算思想来优化应用响应性能。react16之后实现懒加载可以使用react.lazy方法，之前是使用react-loadable等一些库react.lazy本质

react-router里的Link标签 和 a 标签有什么区别？？从最终渲染的Dom来看，两者都是链接，都是标签，区别是： 是react-router里实现路由跳转的链接，一般配合使用，react-router 接管了其默认的链接跳转行为，区别去传统的页面跳转，的”跳转”行为只会触发相匹配的对应的页面内容更新，而不会刷新整个页面。做了三件事情：1.有onclick那就执行onclick2.click的时候阻止a标签默认事件3.根据跳转href(即是to )，用history（web前端路由两种

react setState是同步还是异步？react setState默认是异步，但有时候是同步setState为什么默认是异步？假如所有setState是同步的，意味着每执行一次setState时，（有可能一个同步代码中，多次setState），都重新vnode diff + dom 修改，这对性能来说是极为不好的。如果是异步，则可以把一个同步代码中的多个setState合并成一次组件更新。setState什么时候是同步？在setTimeout或者原生事件中，setState是同步的。Rea

场景A页面跳转 B页面A页面跳转C页面B页面与C页面互跳进入页面订阅方法Q，离开页面要销毁方法QB 页面 的model.jssubscriptions: { setup({ dispatch, history }) { console.log("B") return history.listen(({ pathname, query }) => { if (pathname === '/product/B') { disp

React组件化pre文章目录React组件化pre资源知识点快速开始环境准备使用第三方组件配置按需加载使用less自定义主题资源create-react-appant design知识点快速开始npx create-react-app lesson1-precd lesson1-preyarn start环境准备vscode所需插件：使用第三方组件安装：yarn add antd范例：试用 ant-design组件库import React, { Componen

起步创建项目： npx create-react-app my-app打开项目： cd my-app启动项目： npm start暴露配置项：npm run ejectcra文件结构├── README.md 文档├── public 静态资源├── src 源码├── App.css├── App.js 根组件├── App.test.js├