![](https://img-blog.csdnimg.cn/4842c24bee0d4d93b07936c28b56f4a1.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React技术栈相关
文章平均质量分 70
React
ATWLee
不厉害的前端开发人员
展开
-
antd组件onChange回调,需要立即执行改变value与防抖节省接口开销。
- 回调函数频繁调用,并且有较大的请求开销 - 可以使用防抖的方法解决次数频繁调用 - 回调的即时处理与防抖处理可分开处理 - 要注意防抖函数的定义,引用地址是否相同。原创 2023-10-22 23:38:22 · 1612 阅读 · 0 评论 -
推荐一个react拖拽排序的库,@dnd-kit
推荐一个react拖拽排序的库,@dnd-kit。原创 2023-09-27 17:33:17 · 758 阅读 · 0 评论 -
Umi3 中使用react-pdf报错 Setting up fake worker failed: “Loading chunk mf-dep_pdfjsWorker faile
Setting up fake worker failed: "Loading chunk mf-dep_pdfjsWorker failed原创 2023-09-08 13:58:01 · 1074 阅读 · 0 评论 -
React 消息文本循环展示
页面上有个小喇叭,循环展示消息内容原创 2023-09-07 15:39:29 · 923 阅读 · 0 评论 -
react将文件转为base64进行上传
input标签上传文件,FileReader类将文件转为base64原创 2023-09-04 15:44:22 · 1712 阅读 · 0 评论 -
高亮img、pdf重点部分(html2canvas、pdfjs-dist、react-pdf)
高亮img、pdf重点部分(html2canvas、pdfjs-dist、react-pdf)原创 2023-08-28 14:38:35 · 892 阅读 · 0 评论 -
从0开始搭建一个Monorepo模版,基于Turborepo+pnpm+changesets+dumi
基于Turborepo+pnpm+changesets+dumi,搭建的多包组件库模版原创 2023-08-09 15:37:50 · 2170 阅读 · 0 评论 -
Antd 下拉面板的位置计算错误
公司使用无界微前端集成ERP项目应用(可惜没跟着走一边无界,难受),某些子应用使用时,发现antd的弹窗弹出的位置不对原创 2023-05-21 22:48:35 · 913 阅读 · 0 评论 -
react函数式组件转化为string---renderToString
react函数式组件转化为string---renderToString原创 2023-05-18 18:04:55 · 821 阅读 · 0 评论 -
把你的阿里巴巴图标库转成你自己的@ant-design/icons
使用脚本创建你自己的@ant-design/icons组件库原创 2023-04-16 14:29:25 · 835 阅读 · 2 评论 -
React源码解析之createElement和render方法
从0开始学react源码原创 2023-04-15 22:04:39 · 458 阅读 · 0 评论 -
一个umi4的项目适配到FireFox60.7.1esr版本上的从头到尾
一个umi4的项目适配到FireFox60.7.1esr版本上的从头到尾原创 2022-12-26 15:41:44 · 1077 阅读 · 0 评论 -
React封装一个纯CSS实现的水滴样式的盒子
react封装一个水滴样式的盒子。原创 2022-12-24 21:22:20 · 1430 阅读 · 1 评论 -
antd日期选择框使用dateRender(自定义日期单元格的内容)后样式没有了
在使用antd的日期选择框(DatePicker)组件时,需要自定义日期单元格的内容。比如:月份的数字需要换成中文。使用DatePicker的属性dateRender自定义日期单元格的内容,但通过自定义的单元格,没有了悬停,选中等样式效果。原创 2022-12-06 19:50:18 · 2065 阅读 · 0 评论 -
React---SOLID五种代码干净原则,提升代码可读性与可维护性。
SRP: every class should have only one responsibilityOCP: software entities should be open for extension but closed for modificationLSP: subtype objects should be substitutable for supertype objectsISP: clients should not depend upon interfaces that they原创 2022-12-04 16:24:03 · 612 阅读 · 0 评论 -
Antd面包屑,超出宽度省略号
antd 实现面包屑不换行,超出宽度出现省略号。原创 2022-08-28 15:53:47 · 1182 阅读 · 5 评论 -
分享个轮播的3D饼图,分别用Echarts和HighCharts实现
echarts和hightcharts实现3D轮播饼图效果原创 2022-08-08 22:38:09 · 2301 阅读 · 13 评论 -
Echarts的二次封装思考心得。封装成果:折线柱状混合图、立体柱状折线混合图、markline标记线
Echarts的二次封装思考心得。原创 2022-07-23 23:45:28 · 2417 阅读 · 2 评论 -
第三方依赖库 AG Grid调研分析
AG Grid依赖功能调研原创 2022-07-22 21:34:04 · 1756 阅读 · 0 评论 -
根据返回的图片和坐标,画出在图片上的对应的矩形框
返回一张图片及坐标,在前端展示图片,并把返回的坐标在图片对应的位置画出来原创 2022-07-20 16:38:28 · 1577 阅读 · 2 评论 -
终于终于在实际应用中用到了JS的reduce
实际应用使用reduce及echatrs的K线图原创 2022-07-11 13:44:05 · 249 阅读 · 0 评论 -
绕圆旋转动画组件,拿过来直接用
绕圆动画组件原创 2022-06-30 22:04:04 · 732 阅读 · 7 评论 -
纯Web前端打造的元宇宙展厅——开箱即用的Lingo3D游戏引擎 支持原生、React、Vue
Lingo3D,开箱即用的Web游戏引擎。期待PUBG的web端。原创 2022-05-10 14:55:11 · 5940 阅读 · 5 评论 -
Swiper实现手风琴式的图片展示
基础的Swiper+简单的过度动画实现图片手风琴效果原创 2022-04-27 11:38:24 · 3319 阅读 · 0 评论 -
React单页面Url路径及懒加载react-lazyload
简单的页面开发,记录一下问题解决过程原创 2022-04-22 15:39:30 · 2101 阅读 · 0 评论 -
React单页面图片瀑布流——Macy.js
React图片瀑布流—Macy.js原创 2022-03-05 12:12:20 · 2402 阅读 · 14 评论 -
Electron和React结合的一个小Demo
需求:甲提交材料,乙审核。重点:不能走线上(就是说不能有服务器数据库呗)原创 2022-02-28 16:13:13 · 1025 阅读 · 0 评论 -
React-Router V6 传参,类式组件用ref搭个桥接收。
React-router V6 通过ref搭个桥让类式组件获取参数原创 2021-12-06 20:34:14 · 1681 阅读 · 4 评论 -
Redux小白的懵懵懂懂
先说下项目,就是一个简单的多媒体库项目,涉及图片、视频(后期有可能会加上全景VR)的浏览、下载、上传、举报等功能。采用公司常用的react+antd正常开发ing·····新需求:需要给不同的用户设置不同的权限、使得不同的用户具备不同的功能解决方法:antd-pro+umi有个权限插件。看来看去,看不懂,而且好像得基于umi脚手架创建项目,项目都写的差不多了,移植到新的umi上,我怕他坏啊。而且,感觉需要ts的基础会好写一点。我ts不会,不会,不会。得学得学得学。新解决办法:我看antd-pro+u原创 2021-08-27 12:36:11 · 176 阅读 · 0 评论 -
记一下dva的东西
简单来说dva就是把和react有关的那些react、rudex、router封装成了一套自己的框架.外加使用了antd,或者更diao的antd pro简单记一下一个简单的dva的结构,或者说是new了一个dva的application怎么创建新页面的一个过程1、在路由文件夹下添加新页面路由2、在组件文件夹中添加新页面3、核心管理model文件,可以把他理解成redux.核心的东西都在这里边,但是简单的来说就几个:namespace容器名、state状态、reducers同步处理、effects异原创 2021-02-24 17:49:44 · 158 阅读 · 0 评论 -
React中的一些小东西,{Component,Suspense, Fragment, PureComponent}
其实就是一些解构赋值的写法1、Component记不记得react的类组件要继承React.Component.在import加了这个{Component}就不用写React.了俺就发现这一个作用…import React from 'react';class 类名 extends React.Component {}import React,{Component} from 'react';class 类名 extends Component {}2、Suspense记不记得impo原创 2021-02-23 18:37:04 · 160 阅读 · 4 评论 -
Redux学习过程
简单的加减需求——视频学习,来源于尚硅谷https://www.bilibili.com/video/BV1wy4y1D7JT?p=100&spm_id_from=pageDriver1、纯reactimport React, { Component } from 'react'export default class index extends Component { state = {count:0} //加法 increment = ()=>{原创 2021-02-20 10:52:59 · 161 阅读 · 0 评论 -
Homebrew-->php-->comporser-->laravel/valet
将近6个小时的奋斗,从brew到valet到安装遇到到问题整理:1、homebrew安装:什么官网安装,什么改国内源。太复杂。直接这个,这个是真到叼!/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"这是真大神,用了就知道好了。参考自此篇文章个人建议选择中科大的。安装完成之后,终端看一下绿色的建议,跟着步骤操作一下2、php通过homebrew安装php我要安7.1版原创 2020-10-22 09:37:48 · 203 阅读 · 0 评论 -
uniapp+ucharts画的几个图及v-for一个列表
<template> <view style="background-color: #F3F0F0;"> <view class="container"> <view v-for="(item,index) in lists" :key="index" class="items"> <view class="item-top"> {{item.type}} </view> <view原创 2020-10-16 14:12:01 · 1063 阅读 · 0 评论 -
进来看看你的前端水平咋样?
下边这些前端问题,你能回答多少呢?(听说这些问题知道来就很厉害来)–摘自《JavaScript忍者秘籍(第2版)》Q1:Babel和Traceur是什么,重要性在哪?Q2:Web应用中,什么才是浏览器的JavaScriptAPI的核心组成部分?Q3:如何对代码进行调试、测试以及性能分析?Q4:浏览器是否总是会根据给定的HTML来渲染页面呢?Q5:WEB应用一次能处理多少个事件?Q6:为什么浏览器使用事件队列来处理事件未完待续~~~(答案自己去探索吧,整理完给我一个链接哦!)(问题的整理速度原创 2020-10-07 09:58:03 · 217 阅读 · 0 评论 -
上班之后被老大指点的皮毛
Q1需求:实现一个排行榜的切换,共四期我的想法:json文件格式:json对象中分别定义4个对象,分别是list0-4;每个list对象中定义一个id(用来判断,判断什么呢,判断当前是第几期,并且执行上一期或下一期)、定义一个items数组,用来存放榜单信息,然后逻辑切换的时候,通过判断id,来改变setState中存放items的变量的值,这样就起到了重新渲染的功能遇到的问题:假设当前是第二期,我先把请求到的数据(list1)state给一个变量pioneer,然后map循环出来。那么问题来了,请原创 2020-09-23 09:07:42 · 138 阅读 · 2 评论 -
前端性能优化,之还在为多种多样的知识点整理苦恼吗,进来看看吧。
通过观看周啸天公开课——深度刨析前端性能优化CRP对百度到的各种杂七杂八的前端性能优化方面的问题进行梳理先来说一下,前端页面的请求过程有如下几个步骤:(脑子里想一下这个过程哈)步骤1:对输入地址栏的URL进行解析步骤2:DNS解析步骤3:TCP的3次握手步骤4:发送HTTP请求步骤5:服务器端的响应处理步骤6:TCP的4次挥手步骤7:浏览器进行解析渲染步骤1有关URL解析并未进行深入讲解,主要涉及1)地址解析与编码2)HSTS(完全没见过,说是涉及安全问题啥的。)3)缓存(这个还好,原创 2020-05-20 08:40:54 · 294 阅读 · 0 评论