react
文章平均质量分 89
Q_004
这个作者很懒,什么都没留下…
展开
-
快速搭建成熟的react项目
想要搭建react首先要安装node和npm.1,建立一个名字为react的文件夹2,在此文件夹下 输入命令 npm init生成package.json文件,此时的package.json中只有基础配置,想要项目运行还需要配置多种开发包这是我上一个项目所用到的各种依赖,可以参考{ "name": "text", "version": "1.0.0", "...原创 2018-10-29 16:30:54 · 372 阅读 · 0 评论 -
react项目实现图片截图并上传oss
使用Create-React-App脚手架创建antd开发,并引入react-cropper.js,将生成的截图上传至ossnpm install --save react-cropper在项目中引入import CropperDiv from 'react-cropper';import '../../../node_modules/cropperjs/dist/crop...原创 2019-07-09 16:35:15 · 1360 阅读 · 0 评论 -
H5 pc端录音功能
项目是基于creat-react-app框架的,点击录音按钮时,弹出录音框,实现开始录音,录音试听,确认本次录音,将本次录音内容传递给第二个audio标签import React, { Component } from 'react';import "./index.less";let recorder;class Audio extends Component { const...原创 2019-07-10 14:02:01 · 785 阅读 · 0 评论 -
h5 pc端拍照
react脚手架下pc端拍照功能import React, { Component } from 'react';import "./index.less";var mediaStreamTrack; //拍照class Audio extends Component { constructor(props) { super(props); this.state =...原创 2019-07-10 15:06:19 · 406 阅读 · 0 评论 -
canvas绘图
在react项目中使用canvas绘图,在原有图片上绘制批阅痕迹,支持撤回功能,保留前面的绘图痕迹,在绘制完毕后合成一张新的图片原创 2019-07-11 15:40:24 · 281 阅读 · 0 评论 -
input的回车事件
1,input使用回车,进入下一个输入框,最后完成确认按钮的点击 <input type="text" value={optItem.tScore} placeholder={'<=' + optItem.aScore} onChange={e => { var val= e.target.value; ...原创 2019-09-02 15:39:40 · 1775 阅读 · 0 评论