最近做个移动端视频需求,要求隐藏播放控件,并且可以自动播放而且隐藏播放控件(不太人性化),最后要有个定制的结束遮罩层用来人机交互。尝试直接用video标签做,但是各种坑啊,video永远是在页面的最顶层,所以播放控件的自定义化就凉凉了,怎么办呢?受以前做的一个利用canvas做视频直播的项目启发,尝试下canvas做视频播放,于是我抱着试一试的心态去查阅了相关资料,尼玛,还真的可以,而且原理很简单
1、问题背景 利用React遍历标签数组,并生成有序列表2、实现源码 React遍历标签数组 3、实现结果 ...
转载 2016-09-29 14:46:00
183阅读
2评论
前三个有自己的样式,三个之后默认就是第三个的样式react: renderTags = () => { const { houseInfo: {tags} } = this.state;
原创 2022-11-18 00:16:00
193阅读
Drawable讲过三个动画,animation-list定义帧动画,animated-rotate定义旋转动画,animated-selector定义选择状态动画,这三个属于drawable动画(也称Frame-By-Frame Animation)。除了drawable动画,Android框架还提供了另外两种动画体系:视图动画(View Animation 也称Tweened Animatio
前言本文是笔者写组件设计的第五篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务和产品
在 vue 里,我们会用 <template></template> 标签来包裹一些不能有父容器的复数同级标签。 例如在 <tbody></tbody> 标签中,我们只能放置 <tr></tr>标签,假如我们同时有多个 <tr> 标签被赋值给一个 JSX 变量,那么在 React 里也有类似的功能:
转载 2018-10-04 19:52:00
100阅读
2评论
实现效果: 父组件:import GameTabAll from './GameTabAll'; const onSelect = (arr) => { console.log('onSelect=' + arr); onSelectTags(arr); }; //taglist:所有标签列表 //tagid:默认选中标签 //onSelect:乘接
转载 6月前
67阅读
1.总结一下今年,2月份从深圳来到广州,工作到现在,回头看,完成的项目4-5个,公司基本没有懂技术的领导,所以在技术选型上,我们非常的自由,所以内心一直都不满足现状,加上一起工作的小伙伴给力(哈哈哈,我们一共就2个人),填坑能力不错,所以敢于把新技术,新架构用于项目当中,反正一切都可控,怎么开心怎么来。小项目不说了,基本都是面向服务在做,架构也是以前技术积累下来的一个脚手架项目,直接套进去用。云课
转载 5月前
60阅读
1. react hooks中的 userLayouteffect 和 userEffect 有啥区别useEffect 是异步执行的,而 useLayoutEffect 是同步执行的。useEffect 的执行时机是浏览器完成渲染之后,而 useLayoutEffect 的执行时机是浏览器把内容真正渲染到界面之前,和 componentDidMount 等价。一句话总结:二者的不同在于执行时机。
转载 7月前
33阅读
import React, { Component } from 'react';import './index.css'class TabIs){ super(props); this.state = { n:0 } };...
原创 2022-09-13 12:28:38
65阅读
第一步,打开用户设置code–首选项–设置或commoand + ,第二步,搜索includeLanguagesincludeLanguages第三步,点击settings.json加上下面代码,保存即可"emmet.includeLanguages": { "javascript": "javascriptreact"}...
原创 2022-10-10 06:36:03
754阅读
见贤思齐焉,见不贤内自省首先我们需要有一个数据结构,首先需要是一个数组,当然字段都可以自己定义,我这里没按照规范起名。 核心在于将数据整理好,字段梳理清楚,将state中用到的字段动态插入,提醒必填项也要动态遍历。 比如:let stateOptions = [{ value: 'name', title: '允许传送',
Input 输入 Input Namespace: UnityEngineDescription 描述Interface into the Input system.输入系统的接口。Use this class to read the axes set up in the Input Manager, and to access multi-touch/accelerometer dat
获取标签元素学习目标能够写出获取标签元素的操作1. 获取标签元素可以使用内置对象 document 上的 getElementById 方法来获取页面上设置了id属性的标签元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:<script type="text/javascript"> var oDiv = document.getElementById('div1
js var map = {}; //采用递归调用的方法,比较方便和简单。 function fds(node) { if (node.nodeType === 1) { //这里我们用nodeName属性,直接获取节点的节点名称 var tagName = node.nodeName; //判断对象中存在不存在同类的节点,若存在则添加,不存在则添加并赋值为1
转载 2023-07-04 09:53:19
196阅读
1.在action 中发送请求,j将获取得到的token 储存起来 到localhost 2.登陆主页面中将action 与 登陆组件连接起来 3.设置axios 的header 4.效果显示
转载 2019-01-28 20:11:00
358阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
原创 2021-07-28 15:35:57
1713阅读
      众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="JavaScript:;"></a>,所以就来整理下a标签中href的几种用法。一、Js的几种调用方法(参考总结的)1、a href="javascript:js_method();" &
// getRootHostContainer(1) // url: src/react/packages/react-reconciler/src/ReactFiberHostContext.old.js function getRootHostContainer(): Container { // 获取实例 const rootInstance = requiredCont
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
DOM
原创 2021-07-28 15:36:14
1431阅读
  • 1
  • 2
  • 3
  • 4
  • 5