React-IT知识空间

事情在好起来之前，总会变得更坏

累计撰写 207 篇文章
累计创建 40 个标签
累计收到 231 条评论

目录CONTENT

以下是 React 相关的文章

2023-06-06
前端性能优化所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里。于是笔者通过本文整理出关于前端性能优化的「九大策略」和「六大指标」。当然这些策略和指标都是笔者自己定义，方便通过某种方式为性能优化做一些规范。
- 2023-06-06
- 810
- 0
- 7
- Font-end web
- Vue
- React
- JavaScript
2023-03-16
从0到1创建个人的NPM包以前 JavaScript 只能运行在浏览器端，有了 Nodejs 环境，JavaScript 也可以在后端运行了。NPM 是用于 Nodejs 的 JavaScript 包管理器，提供了大量的轮子，让老司机程序员瞬间提速起飞。本例中做了一个使用JavaScript实现数据结构的包npm insta
- 2023-03-16
- 672
- 0
- 2
- Font-end web
- Vue
- React
2023-03-14
Redux 源码剖析(JS版) 什么是Redux?Redux 的工作流程(核心思想)：1.设计全局 state 的数据结构状态树2.设计更改 state 数据、状态的 actionType 常量3.根据 actionType，编写 actionCreator4.根据各个 actionCreator 的返回值，用 reducer 做
- 2023-03-14
- 530
- 0
- 0
- Font-end web
- React
2023-03-14
React 生命周期(v16.0前和 v16.4) 什么是生命周期函数？就是不用自己手动的去调用，框架会在合适的时间自动的调用该函数React v16.0前生命周期生命周期函数分类：生命周期函数执行流程：初始化阶段constructor()constructor是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法(调用一次)。并且
- 2023-03-14
- 511
- 0
- 0
- Font-end web
- React
2023-03-14
React 组件之间通信(数据传递)的几种方式在我们使用 React 中，不可避免的要进行组件之间的通信(数据传递)。需要注意一点：React中数据的流动是单向的组件之间的数据传递大致分为一下几种：父组件向子组件传递数据子组件向父组件传递数据跨级组件之间传递数据(例如父组件向子子组件传递数据)非嵌套组件之间传递数据下面我们使用两种方法 (pro
- 2023-03-14
- 375
- 0
- 0
- Font-end web
- React
2023-03-14
React 路由的使用方法安装依赖安装路由模块：npm i react-router-dom -S基本路由首先我们新创建一个react项目(create-react-app demo)用来演示并且删去不需要的代码，新建几个JS页面用来测试，如下：接着我们需要在index.js文件中引入我们安装的依赖（如果你觉得名字长的话，可
- 2023-03-14
- 520
- 0
- 0
- Font-end web
- React
2023-02-14
JS页面跳转和刷新 window.location(.href)=“URL”其实 .href 可以省略window.location 和 window.location.href 实现的效果是一样的例如：window.location = "http://www.baidu.com"window.l
- 2023-02-14
- 890
- 0
- 1
- Font-end web
- Vue
- React
- JavaScript
- Browser
2023-02-09
深入理解 promise、generator+co、async/await 用法回调函数因为涉及的内容多而杂，并且在项目中也不怎么使用，所以在这里就先不说了，本章重点讲解一下 Promise、generator + co、async/await因为里面内容会有点多，并且还有好多代码示例。所以需要静下心慢慢看，相信看完之后，你肯定会对这三种方法涉及的异步问题的理解更上一层楼如果想
- 2023-02-09
- 602
- 0
- 0
- Font-end web
- Vue
- InterView
- React
- JavaScript
- Browser
2023-02-04
JS(浏览器)事件环Event Loop (宏、微任务) 在说浏览器事件环之前，先说几组概念：堆(heap)和栈(stack)堆中存的是引用数据类型，是动态分配的内存，大小不定也不会自动释放。栈中存的是基本数据类型，会自动分配内存空间，自动释放；堆(heap):也可以叫堆内存；是一种队列优先，先进先出的数据结构；栈(stack):又名’堆栈’,也是一种
- 2023-02-04
- 589
- 0
- 0
- Font-end web
- Vue
- React
- JavaScript
- Browser
2023-01-19
better-scroll 滚动插件的使用 better-scroll 是什么？better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。bette
- 2023-01-19
- 1044
- 0
- 0
- Font-end web
- Vue
- React
- JavaScript
- NPM