童柯西-CSDN博客

原创即时聊天：前端react+极光IM

首先在官网下载极光IM的SDK下载地址：https://docs.jiguang.cn/jmessage/resources由于我开发app时用的是react，所以为了方便开发，SDK优先选择使用Web Sdk下载解压完之后，将文件直接复制到项目中，然后在网页中引入<script src='./static/jmessage-sdk-web.2.6.0.min.js'></script>这个文件里面有demo，基本把极光IM当前可以用的功能全都展示出来了，大家可

2022-03-22 22:47:02 4192

原创 app、h5自定义取景框，调用摄像头内嵌到网页或app

最近写的项目中有关于智能识图的功能，那么首先为了方便用户体验和完善app功能，我们需要自定义拍摄页面为了完成这个功能，需要使用一个web的API开发接口：MediaDevices.getUserMedia()这个API 会返回一个MediaStream，里面包含了请求的媒体类型的轨道。...

2022-03-21 21:15:53 3353 3

原创 react hook（基础详解）

首先我们知道Hook是可以100%向下兼容的，就是说即便在你以前的代码中加入hook写法也没有问题，同时提供了一个更直接的API包括props， state，context，refs以及生命周期，hook编写时使用的代码量也会更少，但这也是一个过渡，hook的使用去掉了class的概念，虽然以前的写法依旧可行，但新增hook的同时官方也表示没有计划移除class，这对程序员来说是很友好的，但react更推荐用户使用hook来编写代码首先我们看一下state在传统和hook中的使用方式区别首先演示.

2022-03-15 18:23:53 2708

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

最近碰到了一个项目需要记录个人签名，网上搜了一下，最终选择了react-signature-canvas，下面写一个demo记录一下插件：引入插件：npm i -S react-signature-canvasyarn add react-signature-canvasnpm install react-signature-canvas使用首先在页面中引入import SignatureCanvas from 'react-signature-canvas'用法十分简单，如果没什么也

2022-03-14 21:05:26 3176

原创 pubsub-js无关组件之间的信息传输

我们在使用react或者vue开发时，特别是大项目的开发过程中，为了使代码更好的得到复用，会大量的使用组件，但是组件之间的消息传输不是很方便。然后我就找到了这个pubsub-js来实现组件之间的通信。安装插件：npm install --save pubsub-js用法发送消息（发布方可传给多个订阅方）//作为发布方把消息发送到名为newNumber的订阅方可传给多个订阅方PubSub.publish('newNumber',this.state.no)接收消息（订阅方）：/.

2022-03-11 21:15:42 719

原创用react创建App本地数据库(详细)：cordova-plugin-sqlite-2

最近写的项目由于普通的页面缓存无法满足部分功能，于是我就找到了这个cordova-plugin-sqlite，接下来我将用这个插件详细演示如何用react从零到基本完成增、删、改、查。首先引入cordova插件如果是Ionic：ionic plugin add cordova-plugin-sqlite-2其他的就是：cordova plugin add cordova-plugin-sqlite-2插件引入完成之后我们就配合实操图一步步完成基本功能首先我们先声明一个数据库对象let.

2022-03-10 23:09:09 2054

原创 react 二维码生成并下载qrcode.react

目前一个完整的app几乎都会包括二维码的生成，这时候我们就需要一个可以快速生成二维码的插件了，接下来我将介绍如何生成并下载该二维码在react开发中如果需要二维码，本人是倾向于使用qrcode.react来快速生成。官方给的使用方式也的介绍也非常简单var React = require('react');var QRCode = require('qrcode.react');React.render( <QRCode value="http://facebook.githu.

2022-03-08 19:20:19 3722 2

原创实用的React Native、h5应用混合开发调试工具： vConsole

平时做混合开发后打包成apk后很难再做调试，在原生端查找报错信息费时费力，于是就要用到一些调试工具这里是实际操作场景用法一、引入vConsole插件npm install vconsoleyarn add vconsoleimport VConsole from 'vconsole'然后初始化插件 let vConsole = new VConsole()二、直接在index.html中添加以下代码<script src="https://cdn.bootcss..

2022-03-07 19:05:06 1334

qq_43001049的博客