![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 50
琞、小菜
这个作者很懒,什么都没留下…
展开
-
react 调用手机摄像头识别二维码(pc端,移动端均可)
好久没有写博客,最近刚做完react 调用手机摄像头识别二维码的功能,做的过程中遇到了好多问题,也百度了很多方法结合实际情况最终实现了此功能。在实现的过程中有很多都是在原声的HTML和JS里实现的,拿过来改改就行了。首先安装组件,组件文档地址npm i jsqr --save看文档发现jsqr 使用很简单,只需要传递三个参数就可以使用了。但是难就难在这三个参数怎么获取,通过查看jsqr的事例发现是结合navigator.mediaDevices.getUserMedia实现的mediaDevic原创 2021-08-03 16:24:45 · 3391 阅读 · 3 评论 -
iframe 父子页面之间的相互通信-文件上传(react-angular)
最近在处理这样一个项目,react使用iframe嵌套了一个angular项目,现在想让两者进行通信实现一个上传的功能。看到这个需求是不是有点一脸茫然,硬着头皮上吧。我会按照我的业务流程叙述我是如何实现的。父页面 是react 写的子页面 是angular写的接下来的叙述均为父子页面1:子页面调用父页面方法子页面方法: window.parent.postMessage(传递参数, "*");父页面方法:window.addEventListener( 'message'原创 2020-12-29 17:22:06 · 729 阅读 · 2 评论 -
IOS模拟器弹出软键盘
有一些视频或者博客上所说的是这样一个操作步骤:iOS Simulator -> Hardware -> Keyboard但是可能是由于版本升级导航栏里不再有Hardware,这个时候的操作步骤在这里IOS I/O -> Keyboard 取消选择:“Connect Hardware Keyboard”这样就可以使用模拟器自己的软键盘。还有一个简便的方法。如需什么操作,找不到可以直接在Help搜索这个操作按钮即可比如我们要唤起软键盘,直接搜索Keyboard,就可以操作原创 2020-06-05 10:23:39 · 3092 阅读 · 1 评论 -
react 移动端 实现video的自动播放
之前因为要实现视频的自动播放,就先做了一个原生的视频自动播放demo,但是真的想要在实际的项目中实现起来就步步是坑。坑,我已经踩过了,在这里分享一下react在移动端中如何实现视频的自动播放。项目背景这个项目是react结合Ios和Android实现的一个APP,应甲方爸爸的要求,实现一个朋友圈内视频的自动播放。大概就是这个样式。需求分析当拿到需求的时候第一反应应该就是去百度了吧。网上有很...原创 2019-10-16 14:56:12 · 4768 阅读 · 2 评论 -
antd mobile tabs 上下滑动时会切换的坑
在使用ant design Tabs,正常的上下滑动,如果出现偏差就会出发Tabs的左右滑动。在使用的过程中很不友好。所以我们这个左右滑动给禁掉就行了:swipeable={false}添加如上的属性即可...原创 2019-10-14 14:33:51 · 3385 阅读 · 5 评论 -
antd mobile 复选框(checkbox)如何实现全选且不影响单选?
antd mobile 复选框(checkbox)如何实现全选?整体思路Checkbox API整体思路我们需要点击一个多选框,从而实现全选对应的所有的复选框,但是又不得影响想要单个选中的操作,为什么会有这个但是下面会说明。Checkbox API属性 说明 类型 默认值defaultChecked 初始是否选中 Boolean 无checked 指定当前是否选中 Boolean ...原创 2019-05-14 18:10:25 · 5056 阅读 · 4 评论 -
安卓如何调用react的方法
react 中安卓如何调用react的方法有些时候我们需要把前端页面嵌入到app里,此时可能有些需要前端与app协同来实现一下操作,但是要如何实现呢?我们先来说安卓app如何调用js的方法,代码如下:componentDidMount() { window['方法名'] = (data) => { console.log(data) }; }我们只有在钩...原创 2019-05-17 14:45:54 · 1433 阅读 · 0 评论 -
ant design table 如何让文字居中显示
const columns = [ { title: '活动标题', dataIndex: 'title', key: 'title', align: 'center' // 设置文本居中的属性 }, { title: '编辑时间', dataIndex: 'c...原创 2019-06-26 18:32:18 · 24628 阅读 · 4 评论