react
文章平均质量分 79
Candy_home
这个作者很懒,什么都没留下…
展开
-
react组件 使用setTimeout 定时隐藏 (有demo)
react组件 使用setTimeout 定时隐藏 (有demo)初始化时 展示 1次 图片,1秒后,隐藏图片点击 按钮 展示 1次 图片,1秒后,隐藏图片原创 2017-08-02 23:50:55 · 6737 阅读 · 0 评论 -
【移动端实现】相机唤起及图片上传功能(包括微信)
图片拍照上传的功能,唤起相机,上传文件实现原创 2017-07-05 15:16:05 · 9305 阅读 · 0 评论 -
H5音频<audio/>样式修改,拖拽、点击进度操作、总时长加载
H5音频自定义样式,拖拽、点击改变进度操作,总时长 during 加载1>“点击播放”和"点击暂停" 调用原生audio.play() 和 audio.pause()来对进度条进行操作2>总时长加载:解析 audio.duration 来获取总时长,会有部分浏览器兼容问题,下面列举部分兼容方式。3>点击跳转进度:获取当前的 鼠标点击位置【e.pageX】 - 进度条.offsetLeft【相对于它的直接父元素 的 偏移量】,使用 translateX 改变 “蓝色小球”的播放进度位置。4>拖拽跳转原创 2017-10-30 14:19:05 · 19791 阅读 · 2 评论 -
移动端H5页面截图【含 domtoimage、html2canvas 】
移动端H5页面截图【含 domtoimage、html2canvas 】起因:由于云栖大会项目需要支持 名片保存到本地功能【如下图红框】,所以,需要单独截取页面中的名片信息,并且保存到本地。推荐给:需要获取页面内容,给页面截图的小伙伴介绍两个工具:html2canvas + domtoimage官方地址:https://github.com/n原创 2017-11-02 16:35:08 · 27326 阅读 · 13 评论 -
swiper控件loop循环后,不能点击的上一个组的bug
起因:项目中使用到Swiper,循环滚动, 使用 “循环 loop”参数后, 发现上一个元素无法点击点击。使用中发现他会自动创建下一个元素,并且元素的onClick事件会失效解决方式:使用 class 获取点击事件demo 地址:云栖助手项目中,需要自动滚动的,并且点击跳转到具体议原创 2017-10-17 14:20:55 · 5090 阅读 · 0 评论 -
【React】锚点效果实现(点击跳转定位位置)(内含demo)
锚点:超链接的一种形式,快速定位到想要看的位置,常用在文章目录等位置。那么问题来了React不支持原生锚点的书写方式所以怎么在React里实现类似锚点的效果我的解题思路1.在 url里 使用 anchor 参数2.页面 解析 是否有anchor参数对应的id3.有对应id的话, 滚动到相应位置代码实践1.在 url里 添加 anchor 参数 ...原创 2018-06-19 20:32:38 · 17224 阅读 · 0 评论 -
React流式打字效果实现(不需要CSS) - Typing Effect with out use Css
前言最近有个云栖大会的demo展示需求,要实现个类似的打字效果,所以我找了找相关的库。找到一个还不错的~叫iTyped.js。但是最终的效果和我想要的不太一样,会有回删效果,看了下源码,所以就自己写了一个~再夸奖下 iTyped.js 只有3K,非常小而美,完全靠JS实现的效果!最终效果边播放语音,边出现文字的打字效果,gif 效果如下~源码分享变量设置...原创 2019-04-08 18:03:56 · 2319 阅读 · 0 评论