最近做个移动端视频需求，要求隐藏播放控件，并且可以自动播放而且隐藏播放控件（不太人性化），最后要有个定制的结束遮罩层用来人机交互。尝试直接用video标签做，但是各种坑啊，video永远是在页面的最顶层，所以播放控件的自定义化就凉凉了，怎么办呢？受以前做的一个利用canvas做视频直播的项目启发，尝试下canvas做视频播放，于是我抱着试一试的心态去查阅了相关资料，尼玛，还真的可以，而且原理很简单
转载
2024-05-07 14:39:11
61阅读
一、基本语法： embed src=url 说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等， Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。 二、属性设置： 1、自动播放： 语法：autostart=true、false 说明：该属性规定音频或视频文件是否在下载完之后就自动播放
转载
2024-03-13 22:52:19
123阅读
目录 前言 导语 代码 项目中?.使用 总结 前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 歌谣 歌谣 ?
原创
2023-08-07 07:11:16
80阅读
在React我们经常会写很多组件，一般父子之间交互基本上使用的是Props，但是在有些情况下还是会用到Ref，本文就来讲解一下ref的使用！
原创
2023-09-08 17:23:35
101阅读
import React, { Component } from 'react' const { Provider, Consumer } = React.createContext() let data = { name: 'lisi', age: 18 } class B extends Com ...
转载
2021-09-08 17:31:00
139阅读
2评论
let promise; promise = this.props.corporationService.preSearchPage(params); promise.then((data) => { }).catch(errors => { Modal.success(...
原创
2022-05-05 15:05:21
207阅读
场景： 类组件、函数组件、 forwardRef、useImperativeHandle 详解 前言 在一个父组件中，我们想要获取到其中的节点元素或者子组件实例，从而直接调用其上面的方法。Class 类组件和函数组件是两种不同的写法。 1. Class 组件中使用ref 在 React 的 Clas
原创
2023-03-31 21:41:32
396阅读
当使用component时，父组件的state或prop更新时，无论子组件的state、prop是否更新，都会触发子组件的更新，这会形成很多没必要的render，浪费很多性能；pureComponent的优点在于：pureComponent在shouldComponentUpdate只进行浅层的比较 ...
转载
2021-09-08 15:38:00
199阅读
2评论
react中useContext的使用 import React,{useState,createContext,useContext} from 'react'; /* 1.需要引入createContext,useContext 2.通过createContext来创建句柄 3.Context. ...
转载
2021-10-04 20:41:00
595阅读
2评论
在开发过程中，经常会遇到父组件和子组件之间相互通信，React子组件和父组件通
转载
2023-02-07 05:17:30
70阅读
在上一篇中我们实现了BrowserRoute，这篇我们继续实现HashRouter。本文的核心功能：HashRouterRouteLinkNavLinkSwitchRedirectwithRouter1、HashRouterHashRouter只是一个容器，并没有DOM结构，它渲染的就是它的子组件，并向下层传递location，代表当前的路径，当hash值发生变化的时候会通过hashchange捕
目录前言导语代码项目中?.使用总结前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷导语歌谣 歌谣 ?.在前端中是什么语法呀编辑代码<Col span={8}>
所属行
原创
2023-05-16 10:54:35
112阅读
react中——connected-react-router的使用
原创
2022-10-16 00:30:55
271阅读
背景：如果为父节点添加多个相同的子节点时，不添加key属性，会报错但同时也会渲染出dom，渲染出dom其实是证明能从差异对象中渲染出真实dom，但报错的原因是因为这种写法会影响渲染的性能，不利于生层dom节点。作用：当我们生成两个不同的数组时，我们可以使用相同的 key 值：key的作用主要是用来减少没必要的diff算法对比，因为对于一个组件或者节点来说，只要父节点状态或者属性发生变化，该组件就会
转载
2024-07-19 19:57:47
5阅读
今天在做毕业设计的时候，碰到一个问题，即显示员工信息想要修改的时候，如何正确显示员工的部门信息。如原来是人事部的，就在页面上select上选中人事部，达到对应的效果。可以使用jstl的if标签。代码如下：1.现在jsp中引入jstl<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>2.<c:if tes
原创
2011-05-02 21:27:53
10000+阅读
点赞
a在html中作为链接跳转标签使用,他的作用是使页面跳转至指定地址页面或者指定锚点位置。
原创
2023-02-18 11:43:09
140阅读
1.先上一段代码：html部分:<div id="example"></divjs部分: function HelloMessage(props1) { return (<h1>Hello {props1.name}!</h1>);}const element = <HelloMessage name="maomin"/&
原创
2022-03-08 14:51:49
99阅读
