react按需加载
React v18.x 在 react-router v6 使用 lazy 动态加载组件实现
对于直接使用 React.lazy 来说，基本上是没有问题的，但是当在 ts 下，将导入的组件放到 router 的 elment 属性下会报错，一般为类型不匹配而且对于 lazy 来说，是react提供的一个功能，并且需要配置 fallback 来确保当组件找不到或者正在获取时的替换组件。那么我们可以创建一个 lazy-import-component.tsx 来共用import GlobalL
日期 2023-06-12 10:48:40逐步拆解React组件—Lazyload懒加载
知其然，必知其所以然。在充满各种轮子的世界，即使我们没有必要自己造轮子，但是也要懂得轮子的原理，才能把别人的变成自己的。为什么要用懒加载在平时开发的时候我们总会遇到长列表，因为本身web在长列表的性能并不是特别好；加之web本身受到网络波动影响特别大，在首屏同时加载过多的内容会导致卡顿不流畅响应速度慢等问题。对此我们常用懒加载机制来进行优化。什么是懒加载懒加载也叫延迟加载，指的是在长网页中延迟加
日期 2023-06-12 10:48:40
React Native：真机断点调试+跨域资源加载出错问题解决
写在前面 闲来无事，折腾了一下React Native，相比之前，开发体验好了不少。但在真机断点调试那里遇到了跨域资源加载出错的问题，一番探索总算解决，目测是RN新版本调试服务的bug。 遇到类似问题的同学应该不少，这里做下记录，有需要的可以参考下。 如何断点调试 首先，在真机上加载运行RN应用（过程略）。 然后，摇动手机，弹出开发菜单，选择“Debug JS Remotely”。 chrom
日期 2023-06-12 10:48:40
react-lazyload 实现图片懒加载
1.安装模块 yarn add react-lazyload 2.使用 import LazyLoad from 'react-lazyload'; ... <Grid data={categoryList} columnNum={2} square={false} hasLine={false} className="not-square-grid" it
日期 2023-06-12 10:48:40react-native ListView 封装 实现 下拉刷新/上拉加载更多
1.PageListView 组件封装 src/components/PageListView/index.js /** * 上拉刷新/下拉加载更多 组件 */ import React, { Component } from 'react'; import { Text, View, ListView, FlatList, Dimensions, PanRespo
日期 2023-06-12 10:48:40react-native 自定义 下拉刷新 / 上拉加载更多 组件
1.封装 Scroller 组件 src/components/Scroller/index.js /** * 下拉刷新/上拉加载更多 组件(Scroller) */ import React, {Component} from 'react'; import { StyleSheet, Text, View, ListView, ActivityIndicator,
日期 2023-06-12 10:48:40React antd嵌入百度编辑器（css加载不到等问题，'offsetWidth' of null）
之前有看过一些类似的文章，以为嵌入不会遇到太多坑 结果。。。 其他不说，先来描述下跳坑的过程 先定义Ueditor.js类，这个和网上版本类似 import React, { Component } from 'react'; require('../../utils/ueditor/ueditor.config.js'); require('../..
日期 2023-06-12 10:48:40react组件懒加载
组件懒加载方式-：react新增的lazy const Alert = lazy(() => import('./components/alert')); export default function App(props) { return ( <div className="App"> <Suspense fallback="正在加载
日期 2023-06-12 10:48:40
arcgis api 4.x for js 结合 react 入门开发系列react全家桶实现加载天地图（附源码下载）
基于两篇react+arcgis的文章介绍，相信大家也能体会两者的开发区别了。在“初探篇”中作者也讲述了自己的选择，故废话不多说，本篇带大家体验在@arcgis/webpack-plugin环境下，使用react+redux+react-router+less+es6+webpack 开发（故在看本篇文章之前，请先了解相关知识）。 效果图如下： 文件目录 主要开发文件目录 assets
日期 2023-06-12 10:48:40