H5
文章平均质量分 77
liu__software
这个作者很懒,什么都没留下…
展开
-
微信H5页面禁止分享给好友和朋友圈及屏蔽微信复制链接功能
分享到Weibo:"menuItem:share:weiboApp"发送给朋友:"menuItem:share:appMessage"分享到朋友圈:"menuItem:share:timeline"分享到FB:"menuItem:share:facebook"分享到QQ空间:"menuItem:share:QZone"一些特殊公众号:"menuItem:share:brand"分享到QQ: "menuItem:share:qq"邮件:"menuItem:share:email"转载 2023-09-07 10:40:33 · 3337 阅读 · 0 评论 -
iconfont使用icon svg文件svg-symbol引用方法
【序】今天想为vue封装一个可以通过name就生成一个icon的组件,平时我们都是通过class来添加一个字体icon,但是看到ant-design-vue 中是使用的svg-icon的,并且配合阿里的iconfont库,使用起来非常方便,令我心动,让我们一起研究一下这个组件是怎么做到的。问题一【疑惑】:为什么要使用svg的图片格式? 【解答】: 常用的两种icon的用法优缺点对比:font-class兼容性良好,支持ie8+,及所有现代浏览器。 相比于unicode语意明确,书写更直观。转载 2022-05-20 14:20:55 · 1634 阅读 · 0 评论 -
h5 在全屏iphonex中的适配
iphonex 已经上线有一段时间了,作为业界刘海屏幕第一款机型,导致全屏不能正常的全屏显示了,,所以需要对iphonx 适配,下面就详细说说如何适配先看一张适配前后的图:iphonex 提供的 meta 头<meta name="viewport" content="viewport-fit=contain"><meta name="viewport" con...转载 2020-04-23 09:41:16 · 626 阅读 · 0 评论 -
video 属性和事件用法大全
1、video 属性<!-- video 不支持 IE8及以下版本浏览器,支持三种视频格式:MP4,WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <video src="test....转载 2020-04-21 10:12:13 · 446 阅读 · 0 评论 -
记一个embed嵌入flash、mp4播放视频
flash首先说明,嵌入flash有个不好的地方,出chrome外的浏览器,嵌入flash会有广告!所以,谨慎使用。<embed src="https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=k0530mizher&...转载 2019-11-29 11:12:28 · 1867 阅读 · 0 评论 -
所有表单元素
如图,后三个是H5新增的简单说一下什么是表单元素:我理解的就是可以往后台传值的HTML元素,那到底怎么传呢,可以看看我这篇博客:https://blog.csdn.net/qq_39767955/article/details/82732883:————————————————版权声明:本文为CSDN博主「爱一璜呀」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附...转载 2019-09-26 16:06:18 · 106 阅读 · 0 评论 -
(亲测可用)html5 file调用手机摄像头
在切图网一个客户的webapp项目中需要用到 html5调用手机摄像头,找了很多资料,大都是 js调用api 然后怎样怎样,做了几个demo测试发现根本不行, 后来恍然大悟,用html5自带的 input file="" ,纯html5,并且不涉及到js ,就可以实现。代码如下:(亲测可用)html5调用手机摄像头html 代码效果预览转载 2017-05-11 09:30:53 · 35260 阅读 · 15 评论 -
使用HTML5捕捉音频与视频信息概述及实例
之前在微博看到了@HeeroLaw的文章《通过WebRTC获取摄像头影像》,了解到了getUserMedia这个API,觉得挺有意思的,于是亲自试验了一番,做了俩简单的小DEMO。getUserMedia简介在@HeeroLaw的文章中,介绍的是navigator.getUserMedia这个API,然而我在MDN上查到的是这个API已经被废弃了,取而代之的是MediaDevi转载 2018-04-27 20:00:44 · 426 阅读 · 0 评论 -
html头部标签meta
<meta charset="UTF-8"> <title></title> <meta name="apple-mobile-web-app-capable" content="yes"> <!--是否全屏模式运行 ios7.0版本以后,safari上已看不到效果,可以删除--转载 2017-08-10 15:29:54 · 380 阅读 · 0 评论 -
HTML5中Canvas与SVG的画图原理比较
canvas 与 SVG都能够使你在浏览器中画图,但它们的基本原理不同。鞍山治疗白癜风多少钱www.pfk0412.com SVG SVG是一种在XML中描述二维图形的语言。 SVG是基于XML的,意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。 在SVG中,每一个图形被记作一个对象。如果一个SVG对象的属性发生改变,浏览转载 2018-01-16 22:09:54 · 1602 阅读 · 0 评论 -
表单按回车自动提交
1、当form表单中只有一个时按回车键将会自动将表单提交。再添加一个按下回车将不会自动提交,但是页面上显示一个不知所云的输入框挺别扭,后从网上搜到两个解决办法: 1;添加一个不显示输入框,然后回车之后也不会提交: 2;添加一个onkeydown事件,然后回车之后也不会显示:如果想添加回车事件可以在onkeydow转载 2017-11-19 14:39:21 · 3322 阅读 · 0 评论 -
HTML5之FileReader的使用,兼容IE10+
HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法:1.检测浏览器对FileReader的支持[javascript] view pla转载 2017-05-19 10:32:37 · 5675 阅读 · 0 评论 -
transitionend animationend 事件兼容问题
平时在做动画的时候,如果涉及交互比较多一些的时候。比如像拆礼盒,摇筛子等基于微信的小游戏,transitionend和animationend这个两个事件都会用到,之前做微信的小游戏过程中,把两个事件在pc端和移动端的常用的浏览器给测试了一下并做了整理,虽然浏览器的支持结果大同小异,但是还是有一些细微的差别的,其中微信和qq浏览器(其实是同一个)对于两个事件都需要加前缀!一、transit转载 2017-05-24 18:56:13 · 1478 阅读 · 0 评论 -
解决transition动画与display冲突的几种方法
如demo(如果没有显示,请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/)所示,基本的效果是在点击“Translate”按钮后,蓝色区域透明度变为0,然后隐藏display:none;点击Reset按钮后,首先显示蓝色区域display:block,然后透明度逐渐恢复至1,代码如下: 1 var btn1 = $("#testbtn1");转载 2017-05-24 18:23:54 · 3210 阅读 · 0 评论 -
HTML链接打开腾讯QQ聊天窗口
1. tencent://Message/?Uin=395012095&websiteName=q-zone.qq.com&Menu=yes2. http://wpa.qq.com/msgrd?v=3&uin=79114541511&Site=郑州SEO&Menu=yes原创 2017-03-23 09:05:22 · 19278 阅读 · 0 评论 -
移动端如何清除输入框内阴影
在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭:input,textarea { border: 0; /* 方法1 */ -webkit-appearance: none; /* 方法2 */}转载 2017-01-20 17:18:30 · 17704 阅读 · 0 评论 -
前台通过JS请求后台的几种方法
1.1通过设置form action的路径请求后台方法 在Structs框架下的一个上传文件的例子,前台html页面部分代码:"Test!UploadFile.action" enctype="multipart/form-data" method="post"> 用户名:type="text" name="username" > 文件名:t转载 2017-02-17 00:06:37 · 6813 阅读 · 0 评论 -
HTML5的Video标签的属性,方法和事件汇总及Video填充满父div的大小
标签的属性src :视频的属性poster:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度html 代码 video id="media" src="http://www.sundxs.com/test.mp4" controls width="40转载 2016-09-28 13:57:30 · 31669 阅读 · 0 评论