logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react echarts图表监听窗口变化window.addEventListener(‘resize’)与ResizeObserver()

/ 优先使用 ResizeObserver,不支持时回退到 resize + 防抖} else {// 使用 resize 事件 + 防抖(需通过其他方式获取元素尺寸)根据项目需求和浏览器支持情况灵活选择即可。

#react.js#echarts#前端
nginx配置,同一个端口对应移动端与pc端

用户的客户端,然后返回不同的内容给不同的UA用户。而CDN(内容分发网络)缓存并不会区分UA(UserAgent),只会区分URL(访问的地址),所以在访问同样的域名和端口时,缓存的内容是一样的。CDN支持对不同的UA来设置不同的缓存,根据vary头来控制,它的字段一般是头信息的字段。要在同一个端口上区分移动端和PC端的请求,并对它们进行不同的配置,你可以在Nginx配置文件中使用ngx_http

文章图片
#nginx#运维
滚动加载react-infinite-scroll-component

当请求数据量过大时,接口返回数据时间会很长,数据回显时间长,Dom 的渲染会有很大的性能压力。组件中有提到一个滚动加载的组件库。

文章图片
#react.js#前端#前端框架
react useEffect 内存泄漏

【代码】react useEffect 内存泄漏。

文章图片
#react.js#前端#前端框架
react print自定义打印页面

项目场景:自定义打印页面用法:导入第三方react-to-printnpm install --save react-to-printnpm使用方法:import ReactToPrint from 'react-to-print';const inputRef = useRef();//获取 dom<Layout className="fuelStatisticsForm-form"&gt

#react.js#javascript#前端
React点击链接,在(浏览器)新窗口打开 重新开一个单独的页面

React点击链接,在(浏览器)新窗口打开 重新开一个单独的页面

文章图片
#react.js#javascript#ecmascript
Qiankun微前端打包,使用vite、nginx配置打包部署同一台或三台服务器

Qiankun微前端打包,使用vite、nginx配置打包部署同一台或三台服务器

#前端#nginx#服务器
antd List 滚动加载(InfiniteScroll ) react-infinite-scroll-component 重置滚动条

在页面滚动的时候,infiniteScroll 页面数是自动+1。举个例子,页面加载到第三页,infiniteScroll 无法在重新开始计数,而在某些场景中需要重新开始计数,比如切换月份等(按照需求),page number 需要重新计数。2、容器一定要被撑开并触底,这样才会触发v-infinite-scroll上绑定的方法。1、overflow属性是一定要有的,可以加到父节点或者自身上,否则会

文章图片
#react.js#前端#前端框架
react JSZip-压缩文件下载本地

项目场景:前端处理一些批量文件或者图片时候,通过使用异步上传,减少表单一次性提交的的数据量。但是图片或者文件有删除的时候,服务器上真实的图片不容易删除。JSZip这个技术,可以将文件或者图片打包成一个Zip文件。这就大大减少了数据的传输量解决方案:提示:JSZip官网----------NPM链接下载:npm i jszip引入:const JsZip = require('jszip');或 i

#react.js#javascript#前端
    共 15 条
  • 1
  • 2
  • 请选择