前言：最近有朋友在做小程序的过程中，遇到开发过飞入购物车效果的功能的需求。针对这个情况一些网上的demo，多少会有一些不符合情景的问题（bug）存在，针对这一情况小编决定帮朋友写一个方案来帮助解...

转载请注明出处：http://blog.csdn.net/lindonglian 首先准备网页背景图片和导航背景图片，放在同一目录下的images文件夹中这里写图片描述&n...

?前言支持离线Web应用开发是HTML5的一个重点。离线Web应用就是在设备不能上网的时候仍然可以运行的应用。开发离线Web应用需要几个步骤，其中一个就是离线下必须能访问一定的资源（图像...

?一、什么是拖放拖放就是通过鼠标放在一个物体上，按住鼠标不放就可以把一个物体托动到另一个位置。其实我们平时一直都有接触，如图在这里插入图片描述那么在网页上其实也可以实现同...

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

1.去掉input在iOS中的默认圆角和内阴影iOS下input会有自带的圆角和内阴影，去掉方法如下：input{-webkit-appearance:none;b...

1.先是从前端的角度去考虑，如何让safari浏览器兼容video，并支持播放（未找到解决的方法）。2.经多次查找网上信息，发现使用后台能解决该问题，解决点在HTTP协议的响应头里面（Accept...

?一、工具选择webview元素定位有三种方式：使用driver.page_source方法，将获取到的页面内容写入到一个html文件中，然后使用浏览器打开html文件，使用F1...

最近在开发中遇到的需求是：微信扫描课件二维码，播放其对应的课件视频设计流程1.扫描二维码时，将其视频列表存入model中，存入第一条是为了，不在html界面重新获取第一条视频model....

近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码<headerclass="header"style=&qu...

要实现网页播放视频在HTML5以前是通过<embed>标签<embed>标签的作用是在HTML页面中嵌入多媒体元素<embedsrc="1.s...

Html5提供了强大的绘图API，让我们能够使用javascript轻松绘制各种图形。本文将主要讲解使用HTML5绘制饼图（统计图）的方法。先看一下饼图效果：这个图是动态生成的，...

当我们使用video标签的时候，有时候因为更多的需要，我们要自己自定义控制栏，而进入和退出全屏也是其中的一部分不同的浏览器有不同的实现方法//Webkitelement.webkitReq...

说起来挺简单的，可以直接去查询postMessage推送和window.addEventListener接收使用方式，能自己搞明白是最好的，本文章也只是记录一下自己的使用方式使用postMessa...

?注意事项微信开放标签有最低的微信版本要求，以及最低的系统版本要求。微信版本要求为：7.0.12及以上。系统版本要求为：iOS10.3及以上、Android5.0及以上。...

前言：使用uniapp做的h5页面，在PC端显示时，发现由于upx单位计算基准值太大，导致页面排班布局错乱思路：刚开始发现使用px单位不会导致页面布局混...

最近在做一个直播功能，查阅了webRTC相关资料，下面是简单实现的栗子哟(基于vue.js)！子组件<template><videoid="rtc">...

?1.HTML5获取当前地理位置HTML5GeolocationAPI（地理位置应用程序接口）可以获取当前地理位置，手机端使用GPS，电脑则根据网络定位检查浏览器是否支持HT...

background-clip属性规定背景的绘制区域。默认值： border-box继承性： no版本： CSS3JavaScript语法：&nbs...

最近在跟的一个深圳屋祺项目，由于一些内部原因这次我们需要自己写静态页面。兵来将挡水来土掩，既然组织需要那就做呗。其中有一个页面布局如下所示，  红色方...