HTML5 - 好代码

如何查看浏览器对html5的支持情况

http: html5test com 视频和音频代码检测function CheckAudio(){var myAudio=document createE...

Tags： 支持 , HTML5 , 浏览器 ,

03-17
移动端HTML5开发神器之vconsole详解

在开发移动端时，不像开发PC端那么方便，有控制台，可以查看各种网络请求，以及打印的日志。那么Tencent团队就开发出了一款工具，模拟PC端的控制台，可以查看打...

Tags： HTML5 , 开发神器 , vconsole , 移动端 ,

03-17
简洁自适应404页面HTML好看的404源码

演示图如下：HTML代码片段： 404...

Tags： 源码 , 页面 , 404 ,

03-17
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题

问题记录： 20210118，记录一下一个小问题，收到来自同事的bug反馈，说我们的H5页面，在微信内置浏览器下显示有问题，然后丢了个图过来，发现...

Tags： HTML5 , 微信 , 浏览器 , 字体 , 错乱 ,

03-16
鲜为人知的HTML5语音合成功能

听一下就会发现，播放出来的声音并不是预先录制好的音频资料，而是通过文字识别后合成的语音请先戴上耳机，然后将下面的代码复制到chrome控制台中体验～let m...

Tags： Tag：语音合成 , HTML5 ,

03-16
如何使用Html5多媒体如何实现微信语音功能

随着微信等社交App的兴起，语音聊天成为很多App必备功能，大到将语音聊天作为主要功能的社交App，小到电商App的语音客服、店小二功能，语音聊天成为了必不可少...

Tags： Tag：HTML5 , 多媒体 , 微信语音 ,

03-15
基于JavaScript+HTML5 如何实现打地鼠小游戏逻辑流程图文详解(附完整代码)

随着html5的兴起，那些公司对大型游戏的开发正在慢慢疏远，一、开发周期长；二、运营花费高；他们正找一些能够克服这些缺点的替代品。正好，html5的出现可以改变...

Tags： js , 打地鼠 , 游戏 ,

03-15
HTML5数字输入仅接受整数的如何实现代码

这两年我看到很多关于这方面的文章和帖子，这的确是一个非常方便的东西。但是，太多的实现还是有漏洞，残缺不全的实现，等等。整体概念是合理的：使用 HTML 5 属...

Tags： HTML5 , 数字 , 输入 , 整数 ,

03-15
html+css如何实现图片扫描仪特效

本文主要介绍了html css 图片扫描仪，分享给大家，具体如下：效果：这样，有抖动的：无抖动的：实现： 1 定义一个盒子：...

Tags： HTML , css , 图片扫描仪 ,

03-15
html5如何实现可拖拽移动的悬浮图标的示例代码

h5 上经常会有这样的需求：需要在页面上加上一个悬浮图标，大致是如下图的最终实现但是往往按照设计稿是不会遮住主体区域的，但是实际上有时候偏偏会遮挡主体区域，...

Tags： HTML5 , 拖拽 , 悬浮 , 图标 , ,

03-15
前端Html5如何如何实现分享截图的示例代码

前言这篇文章主要是介绍如何使用canvas实现分享截图，刚开始以为通过canvas绘画分享图片并不难，但实际上在开发的时候还是遇到非常多的坑例如： ①图片...

Tags： HTML5 , 分享截图 ,

03-14
如何使用canvas如何实现雪花飘动效果的示例代码

今天我们就使用canvas来实现雪花飘落的效果一、canvas是什么？ HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScrip...

Tags： Canvas , 雪花飘动 ,

03-14
如何利用html+css如何实现菜单栏缓慢下拉效果的示例代码

目标：利用html+css实现鼠标移到菜单栏时，菜单栏会缓慢出现的效果我们可以用两种方法来解决这个问题方法一：过渡（transition）对forum-1...

Tags： HTML , css , 菜单栏 , 缓慢下拉 ,

03-14
Html5页面播放M4a音频文件

业务场景：手机app端录音，然后上传至后台服务器，前端从后台服务器获取录音，在PC端WEB页面播放。实际问题：首先app录音文件默认是m4a格式，而在PC...

Tags： HTML5 , 播放 , M4A ,

03-14
jQuery+HTML5加入购物车代码分享

这是一款基于jquery+html5实现的支持累加计价的网站购物车代码，可以把货物添加到购物车，添加物品数量，如果想取消购置某物品，这个功能也是可以实现的。运...

Tags： jQuery , HTML5 , 购物车 ,

03-14
如何使用HTML+Css+transform如何实现3D导航栏的示例代码

3D是three-dimensional的缩写，就是三维图形。在计算机里显示3D图形，就是说在平面里显示三维图形。不像现实世界里，真实的三维空间，有真实的距离空...

Tags： HTML , transform , 3D导航栏 ,

03-14
给原生html中添加水印遮罩层的如何实现示例

效果图代码 ...

Tags： HTML , 水印遮罩层 ,

03-14
html5用video标签流式加载的如何实现

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

Tags： Tag：Video , 流式加载 ,

03-14
HTML速写之Emmet语法规则的如何实现

在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼。这里推荐一个Emmet语法规则，让你写的时候爽到飞起，能大大提...

Tags： HTML , Emmet语法 ,

03-14
带你认识HTML5中的WebSocket

认识 HTML5 的 WebSocket 在 HTML5 规范中，我最喜欢的Web技术就是正迅速变得流行的 WebSocket API。WebSocket 提供...

Tags： Tag：HTML5 , websocket ,

03-14

上一页 1 2 3 4 5 6 7 8 9 10 下一页

HTML5最新文章