制作动态视觉差背景（h5）的方法
制作网站时，可能会用到视觉差效果如图 视觉差在制作网页时会有很炫酷的效果，今天要讲的是如何呈现动态视觉差效果如图： 制作方法首先需要一个视觉差的插件我所用的插件是一款较为大众的视觉差插件123<link rel="stylesheet" type="text/css" href="css/reset.css" /><link rel="stylesheet" type="text/c
HTML5
WebSocket+MSE――HTML5 直播技术解析
作者 | 刘博（又拍云多媒体开发工程师）当前为了满足比较火热的移动 Web 端直播需求，一系列的 HTML5 直播技术迅速的发展起来。常见的可用于 HTML5 的直播技术有 HLS、WebSocket 与 WebRTC。今天我向大家介绍WebSocket 与 MSE 相关的技术要点，并在最后通过一个实例来展示具体用法。文章大纲WebSocket 协议介绍WebSocket Client/Server API介绍MSE 介绍fMP4 介绍Demo 展示WebSocket通常的 Web 应用都是围绕着 HTT
Html5语义化标签及兼容性处理详解
<header></header> 页眉主要用于页面的头部的信息介绍，也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合 一个标题和一个子标题，或者标语的组合<hgroup><h1>妙味课堂</h1><h2>带您进入富有人情味的IT培训</h2></hgroup><nav></nav> 导航 （包含链接
HTML5盒子模型的使用方法
盒子模型。盒子由 margin、border、padding、content 四部分组成。margin ：外边距 border：边框 padding：内边距 (内容与边框的距离) content：内容1<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="t
零基础学习HTML5
1个HTML5基础入门教程，4个HTML5小项目教程，带你零基础入门学习HTML5。【HTML5基础入门】教程将会介绍HTML5中的新特性，包括结构标签、新型表单标签、文件操作、Canvas、本地存储等。适合对前端编程有兴趣，已经学了HTML的人学习。实验列表：【基于 HTML5 实现本地图片裁剪】该项目实现利用 HTML5 的 canvas 技术，结合 HTML5 的 File AP I来实现图片的本地裁剪。通过该项目将学习到如何结合 HTML5 与 JavaScript 编写简单的单页应用。项目难度一
h5History 模式的实例教程
最近看到vue-router的HTML5 History 模式路由的实现，然后顺便又去研究了一下HTML5 的 History，以下是自己的一些理解，顺便用jquery写 一个实现类似vue-router里面HTML5 History 模式路由器,以达到练练手，熟悉熟悉的目的。一、history.pushState1history.pushState(state, title, url); 上面第一和第二个参数可以为空，主要就是第三个参数，表示新历史纪录的地址，浏览器在调用pushState()方法后不会
h5之scrollIntoView用法详解
如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法，以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，HTML5选择了scrollIntoView()作为标准方法。scrollIntoView()可以在所有的HTML元素上调用，通过滚动浏览器窗口或某个容器元素，调用元素就可以出现在视窗中。如果给该方法传入true作为参数，或者不传入任何参数，那么窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果传入false作为参数，调用元素会尽可能全部出现在视口中（可能的话
H5启动APP原生页面的实例方法
许久没有写博客了，最近有个H5启动APP原生页面的需求，中间遇上一些坑，看了些网上的实现方案，特意来总结下一、需要判断客户端的平台以及是否在微信浏览器中访问1、客户端判断在启动APP时，Android和IOS系统处理的方式是不一样的，Android这边由于开放，可以在浏览器中通过<a>标签以及meta标签的方式，让浏览器app获取手机打开应用的权限进而启动APP。而在IOS这边，IOS9以后