• H5 video poster属性设置视频封面的方法
  • H5 video poster属性设置视频封面的方法

    打开一个视频,在点击播放之前会看到一张封面图,点击之后封面消失,随即播放视频。
    若现有一需求,要你自定义给某个视频设置封面,应该怎么做呢?
    此时可使用H5 video提供的pos

    2020-05-250

  • 浅析CSS中单位px、rem、em、vh、vw之间的区别
  • 浅析CSS中单位px、rem、em、vh、vw之间的区别

    绝对长度
    px
    px是像素值,是一个固定的长度,比如我们的米,厘米一样。
    相对长度
    为什么我们需要相对长度rem em等?
    固定长度已经不能满足我们现在的需求了。
    举例:比如我们

    2020-05-250

  • HTML5 FileReader对象的具体使用方法
  • HTML5 FileReader对象的具体使用方法

    写在前面
    前一篇文章介绍了HTML5中的Blob对象(详情戳这里),从中了解到Blob对象只是二进制数据的容器,本身并不能操作二进制,故本篇将对其操作对象FileReader进行介绍。
    Fi

    2020-05-220

  • HTML5 Blob对象的具体使用
  • HTML5 Blob对象的具体使用

    写在前面
    本篇主要总结Blob对象属性及作用,通过DEMO介绍Blob对象的应用场景。
    Blob对象
    一直以来,JS都没有比较好的可以直接处理二进制的方法。而Blob的存在,允许我们可

    2020-05-220

  • 详解如何获取localStorage最大存储大小的方法
  • 详解如何获取localStorage最大存储大小的方法

    localStorage,sessionStorage,cookie的简单介绍
    localStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,如果不是人为清除,那么即使是关闭浏览器也会一直存在。

    2020-05-210

  • html5的pushstate以及监听浏览器返回事件的实现
  • html5的pushstate以及监听浏览器返回事件的实现

    pushstate与监听浏览器返回解决的问题


    1.实际开发我们在A页面调用组件,在组件里面填好内容之后,发现想退出不想填了,因为组件与A页面此时在同一页面,点击返回时候 给人

    2020-05-210

  • 基于html5 canvas做批改作业的小插件
  • 基于html5 canvas做批改作业的小插件

    今天公司有一个新的需求,就是要在返回的作业照片里面可以涂鸦批改,批改完后就连同批改后的照片上传到服务器。这对我不怎么熟悉canvas的人来说是个挑战。
    需求分析

    2020-05-200

  • video实现有声音自动播放的实现方法
  • video实现有声音自动播放的实现方法

    video实现自动播放有声音
    需求:老板见人家可以的,我们的也要可以!!!

    前端:自动播放,简单...

    要实现:鼠标移入视频播放同时有声音,移出让你暂停,,,,,
    问题集合
    1- 自动播放实现没

    2020-05-200

  • video.js支持m3u8格式直播的实现示例
  • video.js支持m3u8格式直播的实现示例

    为什么要使用video.js?
    1. PC端浏览器并不支持video直接播放m3u8格式的视频
    2. 手机端各式各样的浏览器定制的video界面风格不统一,直接写原生的js控制视频兼容性较差

    2020-05-200

  • html5用video标签流式加载的实现
  • html5用video标签流式加载的实现

    video标签
    浏览器的video标签通常是接收一个src属性,然后浏览器就会根据这个src属性来自动加载视频。

    这个过程是浏览器来加载video的。
    这种方式有什么问题吗?

    2020-05-200

  • html2canvas生成的图片偏移不完整的解决方法
  • html2canvas生成的图片偏移不完整的解决方法

    情景一:


    问题背景:生成的图片在一个弹窗里面,如果页面没有滚动条就是正常的,但是一旦出现滚动条并且页面发生滚动时html2canvas绘制成的图片就会偏移出对应滚动高度的

    2020-05-190

  • video下autoplay属性无效的解决方法(添加muted属性)
  • video下autoplay属性无效的解决方法(添加muted属性)

    背景:video下载入ogg格式视频,并设置自动播放属性autoplay,但是使用Chrome预览时,视屏画面已加载出来,但是无法自动播放,F5刷新后可以自动播放。使用火狐浏览器可以自动播

    2020-05-190

  • Flex布局做出自适应页面(语法和案例)
  • Flex布局做出自适应页面(语法和案例)

    Flex布局简介
    Flex英文为flexiable box,翻译为弹性盒子,Flex布局即弹性布局。
    Flex布局为盒子模型提供了很大的灵活性,任何一个容器都可以指定为Flex布局,设置方法为:


    .

    2020-05-180

  • html5简介及新增功能介绍
  • html5简介及新增功能介绍











    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>audio</title>
    </head>
    <body>
    <audio controls="controls">
    <sou

    2020-05-180

  • 浅析HTML 悬浮float的用法
  • 浅析HTML 悬浮float的用法

    关于float的一些用法
    左悬浮: float:left;

    右悬浮:float:right;
    float用法
    float的用途比较广, 这里简单的介绍下集中常有的用法:

    在接触到浮动前,我会去设置

    2020-05-180

  • 详解flex布局中保持内容不超出容器的解决办法
  • 详解flex布局中保持内容不超出容器的解决办法

    在移动端,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,用起来很方便,已经越来越离不开它,但是最近在做项目的时候发现一个问题。
    就是在一个设置了 flex:1

    2020-05-150

  • css中转换为行内样式的解决方案(css-inline)
  • css中转换为行内样式的解决方案(css-inline)


    聊聊场景

    发送邮件
    在第三方网站中嵌入HTML
    从其他编辑器拷贝编辑好的文章发布到微信、今日头条等自媒体

    在以上场景使用行内样式的兼容性要高很多,也

    2020-05-150

  • CSS实现波动水球效果的示例代码
  • CSS实现波动水球效果的示例代码

    今天学习到了一个新的css特效,波动水球效果,也是非常的好看

    HTML:


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport

    2020-05-150

  • CSS设置div背景图的实现代码
  • CSS设置div背景图的实现代码

    给组件添加背景图控制只需要两步:


    <View
    className="gifts"
    style={{
    background: `url(${baseUrl}starMove/exclusiveEntr

    2020-05-140

头条

推荐阅读
  • iOS13.4耗电快怎么办 iOS13.4省电设置方法 iOS13.4耗电快怎么办 iOS13.4省电设置方法
  • iOS13.4GM和iOS13.4.5beta哪个好用 iOS13.4GM和iOS13.4.5beta对比 iOS13.4GM和iOS13.4.5beta哪个好用 iOS13.4GM和iOS13.4.5beta对比
  • iPhone SE值不值得买? iPhone SE值不值得买?
  • iPhone收不到软件更新怎么办 iPhone/iPad不提示软件更新解决方法 iPhone收不到软件更新怎么办 iPhone/iPad不提示软件更新解决方法
  • 热门标签