![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML - HTML5
文章平均质量分 77
雷斯巴能
这个作者很懒,什么都没留下…
展开
-
MuiPlayer - 一款优秀的 H5 视频播放器框架
MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。支持 mp4、m3u8、flv 等多种媒体格式播放,解决大部分兼容问题,同时适应在PC、手机端播放。MuiPlayer 具有丰富的参数可以自定义播放器实例,通过轻松的配置即可完成自定义场景的视频播放。原创 2021-04-14 17:59:50 · 5014 阅读 · 3 评论 -
Echarts图表库。饼图 pie 图表组件的使用。饼图组件API使用规则--DOME
举例给予Echarts 图表 饼图的使用规则。更多内容参考:http://echarts.baidu.com/examples/#chart-type-pie后端领前线,前端无极限。这里只举例了基于 Echarts 图表 “饼图” 的使用规则。更多内容参考官网网址,或者加入菜鸟Q群探讨问题以及学习:595377655。<!doctype html><html&g...原创 2018-03-26 10:32:11 · 3003 阅读 · 0 评论 -
原生JS实现H5页面侧滑删除的效果
目前很多H5框架都有类似QQ、微信消息侧滑删除的功能。如果工程并没有提供侧滑功能的时候该如何是好?。。。。得来全不费功夫,特此花费些时间编写的侧滑插件,希望能够帮助前端学习者的一些参考~~。本文根据实现此类效果展开说明以及演示。基于移动端触摸事件touchstart、ontouchmove以及touchend事件。注意此三种事件的触发只能在手机上有效,电脑调试需切换手机调试模式。使用CSS原创 2017-10-20 17:05:13 · 6469 阅读 · 0 评论 -
针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。
在iOS的微信,QQ,Safari等浏览器, 列表顶部下拉和底部上拉露出浏览器灰色背景。 针对此问题,在一些移动端页面下拉、上拉过程导致浏览器底部露出背景。 在一定程度上会影响用户的正常操作 以及 用户体验。 省下好多喝茶的片刻,以及找过网上类似的解决方法。 终于想到一套能够很好解决此类问题的办法! 需要解决此刻需求的朋友参考文章,提供给大家思路以及参考学习。 具体实现步骤以及原创 2018-01-23 15:03:40 · 17369 阅读 · 4 评论 -
原生JS、CSS3 上拉刷新效果的实现。
突然间的兴致,把遗留的上拉刷新的组件给写写,完工确实也花费了不少时间。个人认为在移动端 大可不必做一个上拉的效果来进行数据分页,类型淘宝、等app都是判断滚动条到底部进行数据加载的动作,效果堪称极品中的上品,确实不错。前端生也为此寻找一些乐趣。Dome不是一流,但是一般。有任何兼容性问题,欢迎提出和分享。 在这里与大家分享 以及 技术学习的目的。 解决发现问题: 兼容IOS滚动条 上拉是滚动不流程原创 2017-12-21 16:09:25 · 2398 阅读 · 0 评论 -
基于Jquery/cropper插件的使用。头像截切/裁剪图片。
—-》闲来无事,学习了解一点新的东西还是可以消磨时间,非常敬业、提炼升仙。本栗针对移动页面上需要头像裁剪上传的功能。 基于Jquery库/Cropper插件 实现头像旋转、裁剪、转换canvas等功能。模仿QQ头像上传的样式,具体使用方法请参考如下实例。使用方法: 1、引入插件需要的js、css文件即可。请jquery文件放在cropper.js前面引用。<link rel="styleshe原创 2017-10-11 17:23:40 · 1391 阅读 · 0 评论 -
H5标签 video标签的使用
HTML5支持多种媒体元素,<video> 原件可以单独使用,或者综合<source>原件,一个简单的栗子说明。 虽然<video>和<audio>元素都包含src属性,但此示例使用该<source>元素提供多种格式的视频文件,允许每个浏览器“选择”它支持的元素。<video controls> <source sr原创 2017-11-08 15:50:18 · 15282 阅读 · 0 评论 -
移动H5手势密码解锁插件--demo
“”下面“”备注: 此实例应用于移动H5端,手势密码解锁的功能。实例针对不同大小的移动设备做了相应解锁屏幕的大小尺寸。 密码设置为一个 Z。需要使用手势解锁的移动前端的童鞋们,希望能帮助到。附件Demo: http://download.csdn.net/download/china_guanq/9937714转载 2017-08-17 10:51:19 · 2704 阅读 · 0 评论 -
H5技术完美实现调用手机摄像头、相册。图片上传base64,图片压缩、预览、删除以及图片旋转90度的处理--demo。
看了帖子上有很多关于H5调用手机摄像头、相册的例子,也有很多可靠的栗子,综合技术点针对HTML5调用用手机相机、相册的的一次代码整合。实现提供完成的Demo提供给大家,可直接应用于项目中需要图片上传的功能。因为是H5直接调用,并没有用到像Cordova或者HTML5Plus的 JavaScript库去调用手机硬件,因此在低端手机可能会调用不到摄像图、或者相册,因此这也是在H5在这里的不足,不好解决。原创 2017-08-16 23:50:45 · 10698 阅读 · 1 评论 -
HTML5基本书写格式:
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum原创 2016-08-16 13:23:50 · 22961 阅读 · 0 评论