react
文章平均质量分 58
K.P
父母不支持做前端,已离家出走!
兄弟不支持做前端,已无情绝交!
女友不支持做前端,已绝情分手!
展开
-
umi3、koa2搭建个人博客项目性能优化(实战)
首先说明下,我搭建的前提:前端使用的是umi3+ts,后端使用的是node.js的框架koa2,阿里云服务nginx部署。当网站正式上线,开始的速度惊到我了,如下图:优化方向初步分析下,有这几个方向可以执行:1.css和js包载入时间过长,按需加载是个方向,或异步加载js文件2.优化代码,删除没必要的东西,减少代码体积3.部分图片加载过时间过长,压缩图片4.压缩代码说干就干,第一步, 将用的本地图片,用ps全部压缩一遍,此步省略第二步,umi中实现前端按需加载,官网接口,主要就是在原创 2021-01-28 15:03:19 · 1127 阅读 · 0 评论 -
解决antd的Warning: Instance created by `useForm` is not connected to any Form element.问题
先描述下这个问题的由来:把form表单放在Modal中,当进入时报的错误,没有挂载到(连接到)这个表单,所以报错。网上很多的文章都说使用如下方法:可是这还解决不了问题,报警告还是一样。可以使用这个api解决 —— forceRender设置强制渲染给为true <Modal title="发布" visible={visible} onOk={handleOk}原创 2021-01-03 11:58:51 · 1773 阅读 · 5 评论 -
(原创)react中context的使用方法与总结
Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。 ——react官网虽然redux可以实现一个状态state,整个项目使用,但是有时候,该state无需全局使用,用redux工具,显得有点杀鸡用牛刀的feel,并且还可能是父组件的state,其孙组件(子组件的子组件的级别)需要使用,但若为了给孙组件一个状态值,每一层组件都向下传递一个props且不使用,未免就太没必要了,因此context的表现时刻就到了。需求创建白天黑夜主题切换项目创建com.原创 2020-12-03 10:03:07 · 1196 阅读 · 0 评论 -
从redux衍生到react-redux的实战应用(一篇就懂)
在上篇,写了一个redux的简单demo,redux使用,这篇就结合react-redux与实际项目进行结合使用。加减按钮demo实现简单的点击加号,点击减号改变数字的项目,demo虽小,五脏俱全;安装 redux 和 react-reduxnpm i redux react-redux创建react项目 基本操作npx create-react-app my-appcd my-appnpm start再根目录下父组件 index.js中import { createStore }原创 2020-12-01 23:46:58 · 159 阅读 · 0 评论 -
redux制作demo——从基础了解redux
刚开始学习react,自以为redux是react中的东西,就像vue与vuex的关系一样,后来才知道我错了,错的很离谱,他们就拼写比较接近罢了。就如redux官网所说Redux 是 JavaScript 状态容器,提供可预测化的状态管理。下面引入redux,来理一理redux的实现思路创建文件夹,初始化并安装npm init-ynpm i redux引入reduxconst { createStore } = require('redux')创建store,并进行监听// 1 创原创 2020-11-28 17:54:12 · 181 阅读 · 0 评论 -
React引入echarts图表
最近的业务繁忙,但同时也反省自己,需要腾出时间来归纳些东西(或者说写点东西)。因此,学习一下react,下面是react中引入echarts。安装安装echarts 和 echarts-for-reactyarn add echarts echarts-for-react引入import ReactEcharts from 'echarts-for-react'使用打开echarts官网,选择一个实例/** * title: 首页 */import styles from './原创 2020-10-14 22:59:53 · 1007 阅读 · 0 评论