![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 86
浮光掠影ll
这个作者很懒,什么都没留下…
展开
-
React架构整理
React 设计理念React 是用 JavaScript 构建 快速响应 的大型 Web 应用程序的首选方式。如何实现快速响应,需要解决两个方面的问题:硬件限制CPU由于JS是单线程的,脚本执行与页面渲染无法同时进行。当项目庞大,组件繁多时,JS执行就会超过16.6ms(浏览器单帧时长),用户就会感受到卡顿。为了解决JS执行事件过长的问题,React 采取了时间切片的方式。将长任务拆分成多个片段到每一帧中执行。网络延迟网络延迟是前端开发者无法解决的。如何在网络延迟客观存在的情况下,减少用原创 2022-06-14 19:59:34 · 3089 阅读 · 2 评论 -
redux学习记录
API:1. Store用来保存数据,整个应用只能有一个 Store。通过Redux提供的createStore函数来生成store。import { createStore } from 'redux';const store = createStore(reducer);createStore函数接受另一个函数reducer作为参数,返回新生成的 Store 对象。......原创 2021-12-09 22:13:45 · 249 阅读 · 0 评论 -
React生命周期
生命周期函数,也叫做生命周期钩子,是react为我们提供的,可以在一些特定时间点进行操作的API方法生命周期钩子(旧)旧版本为react v17.0以前使用的版本。简单介绍一下图中的生命周期钩子。 //组件将要挂载的钩子 componentWillMount(){ console.log('Count---componentWillMount'); } //组件挂载完毕的钩子 componentDidMount(){ console.log('Count原创 2021-08-26 00:33:07 · 137 阅读 · 0 评论 -
react使用echarts折线图问题记录
react项目中使用echarts参考https://blog.csdn.net/weixin_44003190/article/details/906767851.控制台报错:TypeError: Cannot read property ‘init‘ of undefined解决:导入echarts时使用: import * as echarts from 'echarts'代替import echarts from 'echarts'2.页面同时会展示多张图表的时候,需要给每个图表容器添加唯一I原创 2021-07-29 14:36:14 · 551 阅读 · 0 评论 -
鼠标移入移出事件与父子元素问题
onmouseover, onmouseout : 父元素和子元素都会触发。onmouseenter, onmouseleave:子元素不会触发。实现场景:鼠标移入原创 2020-11-16 11:04:12 · 1708 阅读 · 0 评论