react
该专栏分享react相关的顶层api、react基础知识、react框架的一些内容
不知名前端
恢复更新
展开
-
wands一个轻松实现音视频播放控制的库
前言随着短视频业务越来越火爆,很多公司都想在这个赛道争一口饭吃, 作为开发者来说, 当第一次接手音视频项目的时候,包括我在内的很多人都是表示非常的头大, web上充斥着各种教程,各种api应接不暇, 中间也有着实不少的坑在等着我们.所以我就想利用业余时间,将工作中的一些方案,抽象出来分享给大家.wands这是一个针对h5原生video, audio标签的一个扩展功能库,体量也很小, 对于不熟悉音视频API, 可以说是一个比较方便的选择.目前还不是特别完善,后期会逐步添加新的功能,逐步将它打造成一个可以原创 2021-06-20 14:16:01 · 151 阅读 · 0 评论 -
js实现录音功能,页面title上的小红点如何去掉
前言在解决这个问题之前,如果你想了解js如何实现录音功能,请看我的另一片博客:https://blog.csdn.net/yun_master/article/details/114550332?spm=1001.2014.3001.5501title上的小红点是什么当你获取了用户的录音权限之后,每次进入到这个录音页面,你都会发现这个小红点.当然这也不是太大的问题.不过当你遇到一个比较钻牛角尖的测试,或者是交互,抑或是pd.此时这个问题,就有可能成了你最头疼的问题.下面我们来解决一下这个问题解决原创 2021-03-27 14:19:49 · 1239 阅读 · 0 评论 -
react实现弹窗、弹窗的静态方法的方式
ReactDOM.createPortal(ReactNod,container)实现弹窗的关键在于,如何将弹窗组件挂载到任意的dom上.这里react-dom中提供了一个方法,下面举个例子import React from 'react';import ReactDOM from 'react-dom';const Modal = (props) => { const { container } = props; return ReactDOM.createPortal( /原创 2021-03-10 00:30:40 · 7058 阅读 · 7 评论 -
react实现自定义loading
结合任意ui组件库,利用css3的动画,轻松实现自定义loadingconst Loading = (props) => { const { type, size, icon, color } = props; return ( <div className="box"> <span className="icon" style={{ color }}> {!icon ? <CustomIcon type={type} size={size} /&原创 2021-03-08 22:15:50 · 657 阅读 · 0 评论