#React 第152页

使用PropTypes进行类型检查

importPropTypesfrom'prop-types';classGreetingextendsReact.Component{render(){return(Hello,{this.props.name

打铁大师·2023-12-01 03:30

Wtm Blazor来了！

来看一个实例，在Vue或React中，虽然你

dotNET跨平台·2023-12-01 03:49

谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo

谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo前言前端已经过了单兵作战的时代了，现在一个稍微复杂一点的项目都需要几个人协同开发，一个战略级别的APP的话分工会更细，比如携程：携程

anmei1912·2023-12-01 03:14

手写签名实现（React）

importReactfrom'react';import{connect}from'dva';importrouterfrom'umi/router';importSignaturePadfrom'react-signature-canvas

three stone 韩·2023-12-01 03:10

2023-01-12 工作记录--React-使用react-signature-canvas实现手写签名

使用react-signature-canvas实现手写签名一、实现效果⭐️二、官网⭐️https://www.npmjs.com/package/react-signature-canvas三、实现步骤

小呀小萝卜儿·2023-12-01 03:10

lingo3d_基于官方教程的分析

跟随官方教程我完成了一个简单的demo，即控制小人在三维空间穿行，并且可以显示相应物品信息官方使用vite+react，故我们跟随其搭建1.搭建主场景这里与一般react项目出入不大，其中public文件夹存放了大量

鸢_·2023-12-01 03:40

React 自定义组件实现手写签名

import*asReactfrom'react';importSignaturePadfrom'react-signature-canvas';import{useEffect,useMemo,useRef

一杯清泉·2023-12-01 03:40

react实现手写签名（带实操图）

最近碰到了一个项目需要记录个人签名，网上搜了一下，最终选择了react-signature-canvas，下面写一个demo记录一下插件：引入插件：npmi-Sreact-signature-canvasyarnaddreact-signature-canvasnpminstallreact-signature-canvas

童柯西·2023-12-01 03:09

react手写签名功能

步骤：首先安装一下依赖cnpmireact-canvas-draw这边点击确定，返回的是base64格式，可以做一下处理之后页面回显，因为需要后端配合，这边就不展示了。

Joey_iSleepy·2023-12-01 03:09

签名 react-native-signature

react-native-signature简单介绍这是一个基于H5来编写的签名组件，同时支持iOS和Android，签名或者涂画完毕后，提供了保存和取消两个点击事件。

barnett_y·2023-12-01 03:09

native react ssh_React Native之手写签名

起因因为项目中需要用到App手写签名，大致需要下面几个要求基础的手写签名功能,支持设置画笔颜色、大小支持加载签名数据支持背景为透明(因为需要最终将该签名附加到word/pdf上面)选库搜索了一番github，大致找到两种类型的库(需要跨android/ios两端)原生库该库是基于原生封装，理论上最稳定的，但是发现不支持加载签名数据和设置背景透明，排除掉了该方案由于不涉及到原生，可以很方便的集成，后

weixin_39746794·2023-12-01 03:09

(前端React)手写签名 react-canvas-draw

importCanvasDrawfrom'react-canvas-draw'constsignCanvas=useRef();//清空signCanvas.current.clear()//获取结果constimg

由本·2023-12-01 03:39

React实现H5横屏电子签名板

二、签字板的板式：三、解决步骤：1、使用react-signature-canvas插件下载命令：

linjyuan·2023-12-01 03:38

react-signature-canvas+hook 实现手写签名并生成图片

yarnaddreact-signature-canvas@types/react-signature-canvas实现手写签名并生成图片，代码如下：import{Button}from'antd-mobile

si_li·2023-12-01 03:08

react-native-signature-capture签名（Android）配置与使用

近期做android签名，就找到了react-native-signature-capture组件，在android中配置与官网上有一点不同。

潇遥快乐·2023-12-01 03:07

React Native环境搭建及Hello World

写这篇博客的目的就是想说,reactnative挺简单,但是大部分初级前端会被环境搭建给难住,从而放弃.环境搭建环境搭建其实说简单也挺简单的,有经验的前端直接翻看reactnative中文文档就行,直接按上面来肯定没错以下以安卓开发

湖边看客·2023-12-01 03:37

React实现在移动端进行签字

React实现在移动端进行签字要实现在移动端进行签字，可以使用React组件react-signature-canvas，它是一个开源的React库，可以在移动设备上进行签字。

小何同学要加油·2023-12-01 03:37

React 签字手写签名组件 react-signature

安装依赖包npminstall@uiw/react-signature示例代码importReact,{useRef}from"react";importSignaturefrom'@uiw/react-signature

小弟调调·2023-12-01 03:36

threeJs引入模型使用3D模型(vite+React+Ts)

initvite@latest//创建一个vite的脚手架选择react并配置Ts安装three.js准备npminstall@react-three/dreinpminstall@react-three

湖边看客·2023-12-01 03:06

vue.js学习（一）

一、Vue.js简介vue.js是目前最火的前端框架和Angular.js、React.js一起成为前端三大主流框架。

"努力敲代码的朱姝祎i·2023-12-01 02:20

React Native打离线包

新建ReactNative工程:react-nativeinitTwoProject--version0.44.3。

一亩三分甜·2023-12-01 01:51

Vue

:*遵循MVVM模式*编码简洁,体积小,运行效率高,移动/PC端开发*它本身只关注UI,可以轻松引入vue插件和其它第三库开发项目4).与其它框架的关联:*借鉴angular的模板和数据绑定技术*借鉴react

想飞的蚂蚁丶·2023-12-01 00:46

react+ts中创建路由

一、安装自行选择版本，我这里基于6版本实现安装6版本npminstallreact-router-dom如果需要使用老版本npminstallreact-router-dom@5二、准备几个tsx文件/

又又爱拍照·2023-12-01 00:44

react、vue中的key有什么作用？（key的内部原理）

1、虚拟DOM中key的作用：key是虚拟DOM中对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】，随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：2、对比规则：1）旧虚拟DOM中找到了与新虚拟DOM相同的key：a.若虚拟DOM中内容没变,直接使用之前的真实DOMb.若虚拟DOM中内容变了,则生成新的真实DOM，随后替换掉页面中之前的真实DOM

羊与学长·2023-12-01 00:57

vue3使用高德地图获取经纬度

首先安装依赖cnpmi@amap/amap-jsapi-loader--saveimport{onMounted,reactive,ref}from'vue'importAMapLoaderfrom'@

淡忘_cx·2023-11-30 23:49

随时随地使用markdown写作

前些天做了一个类似知乎的web应用，使用react+antdesignpro，由于需要一个富文本编辑插件，寻找了好久，找到了一个相对合适的react富文本编辑插件：react-draft-wysiwyg

失心轩·2023-11-30 22:42

将Spring Cloud Gateway 与OAuth2模式一起使用

建立在SpringBoot2.x、SpringWebFlux和ProjectReactor之上。本节中您将使用SpringCloudGateway将请求路由到ServletAPI服务。

ReLive27·2023-11-30 22:54

【vue3】vue3 reactive 数据更新但是页面不更新

vue3数据更新但是页面不更新解决方法一：把reactive换成ref解决方法二：把reactive再封装一层，作为对象的属性参考资料：https://blog.csdn.net/weixin_43778556

程序员加文·2023-11-30 22:04

vue3 reactive数据更新界面不更新

今天uniapp第一次使用vue3用reactive定义的变量，接口拿到数据了也给复制了但是界面不更新，后来换成ref就好了，虽然官网说ref定义简单数据类型，reactive定义复杂类型数据，但实际ref

一只大菜鸟J·2023-11-30 22:33

vue3对reactive直接赋值页面不更新

会点php的前端小渣渣·2023-11-30 22:30

vue3数据更新页面不更新

letobj=reactive({ id:0, name:'123'})functionsetName(){ obj={ id:0, name:'456' } console.log

聆听+自律·2023-11-30 22:59

vue3通过ref调用子组件的方法

父组件import{ref,onMounted,watchEffect,toRefs,reactive}from'vue'constmonth=ref(null)conststate=reactive(

Cc_Debugger·2023-11-30 22:58

vue3对象reactive()数据改变页面不刷新

问题vue3对象reactive()数据改变页面不刷新首先定义一个对象consttableData=reactive({})原因调用后端接口赋值后页面不刷新reactive生成的响应式数据属性但是赋值后变成了普通数据导致失去响应式页面无法更新解决方法

Cc_Debugger·2023-11-30 22:27

Redux 异步数据流初探

Redux简介用React写的项目中各组件的状态依赖关系非常复杂，为了便于管理组件的状态，使用Redux。

禅与计算机程序设计艺术·2023-11-30 22:31

vue3学习（九）动态组件实现 tab切换

/components/abComponrnts/B.vue'组件实例信息如果你把组件实例放到ReactiveVue会给你一个警告：Componentwhichwasmadea

山谷里的玫瑰·2023-11-30 21:18

vue3 动态组件实现 tab 切换

/component/componentB/index'import{reactive,toRefs,markRaw}from'vue';conststate=reactive({tabList:[{title

叶子_o·2023-11-30 21:18

（vue3）动态组件

在挂载点使用component标签，然后使用v-bind:is=”组件,通过is切换AB组件{{item.name}}import{ref,reactive,shallowRef,markRaw}from'vue'importAPfrom

吃不饱的小明同学·2023-11-30 21:48

介绍 Flutter 桌面应用 NativeShell

开始前我想起ReactNative说过的一句话《用同样的方法在多端开发》，这句话很玄妙又很正确，就是说不是让你同一套代码同时能编译成iosandroidwebwindowslinux...

ducafecat·2023-11-30 21:53

vue3 tab切换动态组件

vue3tab切换动态组件先看一张图具体代码：组件实例信息如果你把组件实例放到ReactiveVue会给你一个警告：Componentwhichwasmadeareactiveobject.Thiscanleadtounnecessaryperformanceoverhead

夜空孤狼啸·2023-11-30 21:13

react-pdfjs使用

参考：https://blog.csdn.net/weixin_42215167/article/details/120047091

街边吃垃圾·2023-11-30 21:02

react react-pdf实现在线pdf加载（翻页加载、下拉滚动加载）

目录导入react-pdf在文件中引入并使用下拉展示导入react-pdfnpmireact-pdf-S或yarnaddreact-pdf在文件中引入并使用从react-pdf引入会有不知名错误，react-pdf

在下月亮有何贵干·2023-11-30 21:59

Antd 中使用 react-beautiful-dnd 实现列表拖拽

前言最近项目一个配置功能菜单的模块重构，对比了antd社区的react-dndreact-sortable-hoc以及本文使用的react-beautiful-dnd，还是觉得rbd比较简单明了更契合项目中使用的

超喜欢你呦·2023-11-30 21:26

react中使用react-tooltip实现悬浮提示框

目录一、安装二、用法效果如下：一、安装安装命令：npminstallreact-tooltip二、用法1.导入react-tooltipimportReactTooltipfrom'react-tooltip

西凉的悲伤·2023-11-30 21:56

react-flip-move结合array-move实现前端列表置顶效果

如果只是单纯的置顶的话，直接使用array-move就可以实现了，但置顶效果多少有点突兀~先上代码，直接使用array-move的情况（说明：本文只展示功能实现核心代码）import{useState}from'react

飞翔在蓝天下的蜂鸟·2023-11-30 21:20

前端笔记：React的form表单全部置空或者某个操作框置空的做法

原创/朱季谦在React框架前端开发中，经常会有弹出框的开发，涉及到弹出框，难免就会有表单。一般在关闭弹出框或者对表单联动时，往往都需要考虑对表单进行置空操作了。

朱季谦·2023-11-30 20:35

如何实现一个MV*模式（MVC/MVP/MVVM）

假如让你不依托任何前端框架（React/Vue/Angular等等），单纯用Javascript编写一个网站应用，你还知道怎么开发吗？

weixin_34313182·2023-11-30 20:34

JavaScript的面向对象，你真的懂了吗？是否一定需要使用”类“来编程？

各大流行库例如React，都包含着面向对象设计的思想。自从ES6'class'语法糖的出现，以及Typescript的一些增强语法（例如public,private关键字），更是为我们

小志Chris·2023-11-30 19:42

React应用篇：实现文本不可复制

使用样式文本不可选中user-select:none;/*不可复制*/-webkit-user-select:none;/*Safari*/-ms-user-select:none;/*IE10+andEdge*/值说明auto默认。如果浏览器允许，则可以选择文本none防止文本选取。text文本可被用户选取。all单击选取文本，而不是双击。使用copy事件handleConpay(e){aler

HaanLen·2023-11-30 18:33

React：div可编辑后，点击按钮插入标签

实现一个文本框，既可输入，有可插入标签。TextArea显然是不可的，它是文本输入框，想添加dom是不可以的，于是解决思路就想到了，给div添加属性contentEditable，变成可输入，实现一个编辑器。实现步骤：1，首先点击插入，就要先确认光标所在的位置，就用到了window.getSelection()；返回一个Selection对象，表示用户选择的文本范围或光标的当前位置。varsel=

张开心·2023-11-30 18:59

Warning: React depends on requestAnimationFrame. Make sure that you load a polyfill in older brow...

react写的项目，用ie9打开报错，如下图所示：image.png报错信息：Warning:ReactdependsonrequestAnimationFrame.Makesurethatyouloadapolyfillinolderbrowsers

变态的小水瓶·2023-11-30 18:32

推荐频道

#React