前言 基于H5的页面调通 企业微信的API （已调通demo） 一、环境 企业微信管理员 添加应用 ，地址指向H5程序的地址。（企业微信通过内部游览器访问你自己发布出来的web端的手机项目，...

前言 canvas是HTML5出来的绘图API容器，对于图形的处理非常强大，下面使用canvas配合JavaScript来做一下动态画圆效果。可以用它来做圆形进度条来使用。 这里我个人总结了3种实现方法，大...

介绍 HTML5 是下一代的 HTML, 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 起步 HTML5 是 W3C 与 WHATWG 合作的结果。 为 HTML5 建立的一些规则： 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少...

作为一个前端，给元素添加事件是一件司空见惯的事情。可是在Canvas中，其所画的任何东西都是无法获取的，更别说添加事件，那么我们对其就束手无策了吗？当然不是的！我们在平时...

一、PDF.js的下载 从官网直接下载即可，地址：http://mozilla.github.io/pdf.js/getting_started/#download 建议下载稳定版本，如下图所示： 下载完成后将压缩包解压放在项目下，按照正常引入方式引...

前言 在一个项目中，客户提了一个发光的效果，效果图如下： 阴影 有的人可能会说，这个用阴影其实就可以实现。但是从图中可以看出，是一个比较强烈的发光效【文章出处:外国服务...

在移动端访问H5页面的时候，长按图片就会把图片保存起来，为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。那该如何实现呢？下面给出3种解决方案。 方案一：使用...

我想在HTML5中存储一个JavaScript对象 localStorage ，但是我的对象显然正在转换为字符串。 我可以使用来存储和检索原始JavaScript类型和数组 localStorage ，但是对象似乎无法正常工作。应该吗...

最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多...

前言 瀑布流布局简而言之就是类似瀑布流的布局嘛，这么一讲大家可能还是不是了解的很明白，来来来，那现在我给大家上一个常见的实例: 相信大家在百度上搜索图片时的时候，网页...

轮播图原理大概是这样的，假定三张图片需要做轮播效果，首先需要将这三张图片并列放置，然后将这个整体并列向左移动，每当一张图片完整的从显示框走出，则将这张图片放置到最...

H5 端 rem 适配方案与 viewport 适配 rem rem 是 CSS3 新增的一个相对单位（root em，根 em） 只根据当前页面 HTML 页面的 font-size 设置，如果根目录的 font-size 为 18px，则 1rem=18px 媒体查询设置 @...

本文介绍如何通过H5页面通过数据流的方式播放服务端的视频文件，可以兼容PC、Android和IOS环境。 H5页面可以通过video 标签来播放视频。一般的方式如下： !DOCTYPE HTMLhtmlbodyvideo src=/i/mo...

是这样的，今天玩github，先是在没有登录浏览了一些页面，然后在某一页面进行了登录。这时再切换的其他页面时就看到了下面的提示： 那么这是怎么做到的呢？我们可以想到，一种办...

利用Html5的canvas标签生成画布,在画布上利用随机生成的数字画上验证码，背景为随机生成的颜色和杂乱的直线与点点。 进阶：利用表单插件属性绑定验证码数据(json)可以在发送时候或者...

最近有读者加我微信咨询这个问题： 其中的效果是一个折线路径动画效果，如下图所示： 要实现以上路径动画，一般可以使用svg的动画功能。或者使用canvas绘制，结合路径数学计算来...

这里推荐两种方法，就是两个标签 embed 或者audio 常用 audio +css布局 隐藏【本文来自：由专业的香港高防服务器转发】播放器 做网站比较实用！ !DOCTYPE htmlhtmlhead titlehtml5添加音乐/title...

代码块： !DOCTYPE html html lang=zh-hans head meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=X-UA-Compatible content=ie=edge titlejs仿抖罗盘时钟/title style *{ margin:0; padding...

最近有这样一个需求，就是在html页面中有个按钮导出，点击它，将构造一个文档并存储到本地文件系统中。另外还有个按钮，点击它，从本地文件系统中读取一个文件并对内容进行分析...

上午闲来无事，用html及原生js写个弹窗，供参考。 !DOCTYPE htmlhtml head meta charset=utf-8 / title/title style type=text/css body{ margin: 0px; } .zhezhao{ position: fixed; left: 0px; top: 0px; background: #000; width: 100...

项目中需要做一个数据展示用的看板，初接到任务觉得这个没有什么难度，做个漂亮的网页浏览器全屏就可以了。可是实际做的过程中碰见了问题。 第一：浏览器不能有横向和纵向的滚...

最近有这么一个需求，需要在手机加载一个页面的时候，自动播放音乐资源。一般情况下，这个问题也就解决了，但是要保证各种手机上表现一致，那就相当困难了，至少要费点儿周折...

最近在学习在做HTML5的项目，看了博客上html5调用摄像头拍照的文章，但各有瑕疵。于是自己查阅书籍写了一个demo，主要分三步，废话不多说上代码。 HTML代码部分： !--video用于显示媒体...

描述 今天无意之中发现form有自带非空判断功能,查了资料发现,required 属性是 HTML5 中的新属性 定义和用法 required 属性是一个布尔属性 required 属性规定必需在提交之前填写输入字段。 如...

13年的时候做过html5录音，一个问题是保存的wav格式文件很大，当初用了一个迂回的方式，上传到服务器后调用 lame 编码器转换，但由于文件大，上传较慢。不得不说，前端技术发展真是...

下面给大家分享html5点击弹出图片，分为前台代码和js代码，具体内容如下所示： 前台代码： a href=javascript:; onclick=repeat() div id=modal_volume style=position: fixed; text-align: center; width: 100%; heig...

距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司...

前言 本次使用的是canvas.drawImage()实现截图功能, 关于api支持的dom元素、基本参数，可点击查询下面连接 CanvasRenderingContext2D.drawImage() 处理过程 我本次的需求是多人视频中对某一视频某一...

介绍 过往，电视用天线接收信号，没信号出雪花屏，刺啦刺啦作响，然后赶紧扶正想办法让他找到信号。当时电脑还经常连上小霸王打游戏，魂斗罗，超级玛丽，坦克大战。。。时间如...

前言 童年玩红白机。尤其国内的小霸王那段时光还记得么。 那个马里奥大叔还记得么。 因为特别喜欢像素风的游戏从小到大一直都是，像素风本身就是由极度简单的元素构成极度复杂...

十秒钟做出一个网页，可能大家看完会觉得有点标题党，其实不然，把别人的抠过来还是可以的 比如我这次先把淘宝的网页扣过来为例 第一步：先创建一个heml项目，然后加一个iframe标...

前言 最近公司项目都偏向于数字化大屏展示，而这次发给我的项目原型中出现了一个金字塔图， 好巧不巧，由于我们的图表都是使用Echarts，而Echarts中又不支持金字塔图，作为一个喜欢...

需求 在实际项目中，我们通常会需要做一些跨多平台的页面。比如说一个活动页面，需要在微信小程序里展示，也需要在自家公司的app里面展示，还需要在支付宝等平台里面展示。这时...