自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 视频相关内容

刚接触网页视频的时候,第一次听到H.264并不知道是什么意思。后来业务中接触多了,就自己去网上查阅浏览了一番,虽然没有深入研究,但是有了一个大概的印象,就记录一下,以便自己翻看。 官方介绍如下: H.264: H.264/AVC项目的目的是为了创建一个比以前的视频压缩标准,在更低的比特率的情况下依然能够提供良好视频质量的标准(如,一半或者更少于MPEG-2,H.263,或者MPEG-4 Part...

2019-09-20 17:03:01 198

原创 video视频多个循环播放

做项目的时候遇到一个问题,记录一下: 要求是播完第一个视频以后,再无缝衔接第二个视频并循环播放第二个视频。 一开始想的是用一个video标签去播放视频 <video className="video" ref={dom => (this.videoDom = dom)} preload="auto" poster={videoBg} webkit...

2019-09-12 16:36:45 3425

原创 创建项目关联远程

创建项目关联远程 1.在码云上创建一个仓库; 2.本地如果没有安装 create-react-app ,则先安装 npm i create-react-app -g; 3.在项目文件夹所在位置用命令行 create-react-app +项目文件夹名称创建本地项目; 4.在项目中运行 npm run eject 生成配置文件; 5.将本地项目关联到远程仓库:git remote add origi...

2019-09-02 19:55:12 173

原创 JavaScript for...in 与 for

最近做一个项目,走了一点坑,最后发现是for…in与for用错了,在项目中用for…in 去循环,结果总是会循环出一个多余的空状态出来;查了半天发现是因为用了for…in的原因;for…in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 for … in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。 语法: for (变量 in 对象)

2018-01-19 14:12:42 188

原创 图片上传

// 用input[file]上传图片upLoadImg=(e)=>{ console.log(e.currentTarget.files[0]); let file=e.currentTarget.files[0] let url = null ; // 获取图片上传的绝对路径 if (window.createObj

2017-10-31 16:16:47 206

原创 react 列表点击添加删除

react 列表点击添加删除

2017-10-17 15:27:51 5101 1

原创 react map遍历

react map遍历记录一下项目制作过程中学到的一些方法,以便温习render(){ return ( <ul className={style.decoratewrapper}> { this.state.decoratedata.map(i => (

2017-10-16 13:58:49 33217

原创 word-break:break-all和word-wrap:break-word的区别

word-break:break-all 允许在单词内换行。 带点霸道的感觉,一行到点了就强制性换行,不会出现空白区; word-wrap:break-word  在长单词或 URL 地址内部进行换行。 则感觉温柔些,如果这一行有其他的可以换行的点,如空格,或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的,就不会在英文单词或字符中换行。所以很容易出现一片一

2016-09-22 14:26:26 392

转载 小icon与后面文字对齐

由于vertical-align属性的兼容性,以及vertical-align:middle并不是严格意义的垂直居中,因此,小图标+文字的对齐,基本上都要针对不同浏览器加个hack补丁;在加上,如果你的图标尺寸一会儿16像素,一会儿18像素,显然,没法通过全局一个设置使得整站的小图标和文字都对齐良好! 我们要想20像素高的图标和20像素高的文字天然对齐显示,需要满足这两个条件: o

2016-09-22 10:12:45 8103

转载 Safari 3D变换会忽略z-index问题解决

方法1: 父级,任意父级,非body级别,设置overflow:hidden可恢复和其他浏览器一样的渲染。 方法2: 我们的红色条子在z轴位置0处,对不对,所以才从图片的中心穿过。而z轴是我们眼睛看屏幕这条轴,在z轴的值越大,就离用户的眼睛越近;值越小,里用户眼睛越小。所谓近大远小(如果指定了视角perspective),就是这么回事。 所以,我们要想让红色条子覆盖在图

2016-09-20 11:03:30 1889

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除