electron react demo
react antd5 Warning: Each child in a list should have a unique "key" prop.
## Warning: Each child in a list should have a unique "key" prop. 
 [OpenTelemetry](https://opentelemetry.io/) 可用于跟踪 `Rea ......
React组件设计之性能优化篇
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 >本文作者：空山 # 前言 > 由于笔者最近在开发中遇到了一个重复渲染导致子组件状态值丢失的问题，因此关于性能优化 ......
React Native热更新报错：The "CFBundleShortVersionString" key in the "ios/***/Info.plist" file needs to specify a valid semver string
React Native项目集成了CodePush热更新，在用cpcn-client工具发布新版本时，在日志栏中打印了如下错误： Detecting ios app version: The "CFBundleShortVersionString" key in the "ios/xxx/Info. ......
如何编写难以维护的React代码？——滥用useEffect
# 如何编写难以维护的React代码？——滥用useEffect 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是滥用useEffect钩子，特别是在处理衍生状态时。让我们来看一个例子： ```jsx const ComponentA = ({ list }) => { ......
React Native集成CodePush热更新遇到的坑，以及折腾过程。"CFBundleShortVersionString" key needs to specify a valid semver string
最近开始一个React Native的新项目。按惯例，在创建完项目后，先集成CodePush热更新功能。 这种活已经干过不止一两次了，当然没啥问题，直接上手开干。 可问题恰恰出在了本以为应该很顺利的地方。 首先，在用 cpcn-client 工具给项目安装 cpcn-react-native 包时， ......
React函数式组件渲染、useEffect顺序总结
> 参考资料： [深入React的生命周期(上)：出生阶段(Mount)](https://zhuanlan.zhihu.com/p/30757059) [深入React的生命周期(下)：更新(Update)](https://www.v2think.com/dig-into-react-lifec ......
加载wkt到地图 Demo (可直接运行）
直接另存为网页浏览器打开即可： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>WKT</title> 5 <link rel="stylesheet" href="https://openlayers.org/en/v5.3.0/css/ol.css" t ......
React函数式组件渲染顺序探究（Demo）
> 参考资料： > [React渲染顺序及useEffect执行顺序探究（含并发模式）](https://blog.csdn.net/web2022050901/article/details/125238225) # code ```jsx import { useEffect, useState ......
react 项目内存放excal文件并实现下载功能
typings.d.ts配置(使用typescript) 在umi+ts搭建的react项目内，没有对.xlsx文件进行处理是没办法通过文件导入获取到改文件的，可以在typings.d.ts文件内根据实际情况进行后缀添加，否则ts会报导入错误 1 declare module "*.png"; 2 ......
响应式系统与 React
### 0x1 React 的历史与应用 1. 应用场景 1. **前端应用开发**，如 Meta、Ins、Netflix 的网页版 2. **移动原生应用开发**，如 Ins、Discord 3. 结合 Electron 进行**桌面应用开发** 2. 发展历史 1. Facebook 引入了 x ......
react批量生成pdf
使用`htmlpdf.js`批量将`html`页面转为`pdf`，打包成`zip`下载。`htmlpdf.js`是结合`html2canvas`和`jsPDF`实现的。 首先先安装包 ``` npm install --save html2pdf.js ``` 基本页面 ``` import htm ......
解决 react antdPro umi 报错 error:0308010C:digital envelope routines::unsupported
修改文件：package.json 原 "start": "umi dev", 改成 "start": "SET NODE_OPTIONS openssl-legacy-provider && umi dev", ......
css-demo
1、文字放大缩小 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> @keyframes scaleDraw { 0% { transform: scale(1); } 25% { transform: scale(1.5); ......
PHP代码练习Demo02
<!DOCTYPE html> <html> <body> <?php echo "<h2>PHP is fun!</h2>"; echo "hello world"; echo "I'm about to learn PHP! <br>"; echo "This", " string", " wa ......
PHP代码练习Demo01
<!DOCTYPE html> <html> <body> <?php /* $x=5; function mytest(){ $y=10; echo "<p>测试函数内部的变量 </p>"; echo "变量 x 是： $x"; echo "<br>"; echo "变量 y 是 ：$y"; } ......
React的坑
1. react中没有computed属性，没有watch 这个很伤，简单的使用ES6 class的get属性，根本不能解决问题，setState之后，级联属性不能自动刷新视图 不用mobx，只能自己去setState依赖属性，而且依赖属性如果使用，state.属性名，去读取属性 则不能再setSt ......
html5页面中使用vue组件DEMO
资源下载 npm http-vue-loader：https://www.npmjs.com/package/http-vue-loader http-vue-loader.js下载 普通html5使用vue组件 1、页面引入相关JS文件 2、创建 components组件 3、主页面创建vue实例 ......
【xiaoxiao-demo】SpringBoot 案例分享
> 预览图  里面列举了很多小的例子，欢迎大家借鉴。  { super(); this.state = {sh ......
麒麟系统开发笔记（十二）：在国产麒麟系统上编译GDAL库、搭建基础开发环境和基础Demo
前言 麒麟系统上做全球北斗定位终端开发，北斗GPS发过来的是大地坐标，应用需要的是经纬度坐标，所以需要转换，可以使用公式转换，但是之前涉及到了山He智能一个项目使用WG。 大地坐标简介 概述 大地坐标（Geodetic coordinate）是大地测量中以参考椭球面为基准面的坐标，地面点P的位置用大 ......
react-native 调用手机自带分享
实现效果 import Share from 'react-native-share' import ViewShot from 'react-native-view-shot' const shotRef = useRef<ViewShot>(null) const getTime = () => ......
关于sam即segment-anythin中demo实现步骤
说实话，这个项目的readme写的真的不咋地，很乱。 我说说这个demo的部署实现步骤吧。 1.安装yarn，这个自己去安装吧 2.将demo/assets/data/dogs.jpg使用numpy读取，保存为npy文件，放在跟dogs.jpg同一目录下 image = cv2.imread('sr ......
react学习
react在前端中的地位 官网：https://zh-hans.react.dev/learn react是什么：用于构建 Web 和原生交互界面的库 邂逅react开发 声明式编程 组件化开发 跨平台编写 声明式编程：声明式编程是目前整个大前端开发的模式：Vue、React、Flutter、Swi ......
React jsx使用svg写法
使用svg的use时候，属性不能使用冒号写法，例如 sketch:type > sketchType xmlns:xlink > xmlnsXlink xlink:href > xlinkHref ......
React、Vue框架如何实现组件更新，原理是什么？
原文合集地址如下，有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484356&idx=1&sn=10f0cc1989ce788e0b4bc166b2027b14&chksm=ec7cc090db ......
react项目中使用redux的实例
当在React项目中使用Redux，你需要安装redux和react-redux库。下面是一个简单的示例，展示了如何在React项目中集成Redux： #### 1.安装依赖库： `npm install redux react-redux` #### 2.创建Redux store： 在项目的根目 ......
React（二）：JSX
一、什么是JSX JSX是一种将HTML和JavaScript结合的语法扩展，它允许在JavaScript代码中直接编写HTML标记。 上一节在学习元素渲染的时候就已经使用过JSX语法来进行元素的定义： const element = <h1>Hello React</h1>; 如上述语句所示，既不 ......