#h5

php + h5 实现socket推送技术

在socket出现之前已经有ajax定时请求、长轮询等方案,但都不能满足需求,socket就应用而生了。socket基本函数socket总结下常用的socket函数服务端:socket_create创建socket设置基本参数      socket_bind绑定ip和端口号  ...
代码星球 ·2020-06-14

Appium之编写H5应用测试脚本(切换到Webview)

App使用H5编写,默认方式找不到元素。启动后获取所有上下文,找到webivew_xxxx的,然后进行切换。源码:1packageMyAppium;23importio.appium.java_client.android.AndroidDriver;4importorg.openqa.selenium.By;5imp...

支付宝h5页面调起支付宝代码

支付宝收款码alipayqr://platformapi/startapp?saId=20000123 微信扫一扫weixin://scanqrcode(跳转微信扫一扫) 支付宝扫一扫alipayqr://platformapi/startapp?saId=10000007(跳转支付宝扫一扫)追加:...

获取定位,苹果IOS10以上不支持h5的geolocation获取不到地理位置信息解决办法

今天开发应用,获取地理位置,最先采用H5的Geolocation的方法来获取地理位置,经过测试发现安卓的机子可以,但是IOS的就是不行,一查资料才知道:10.0苹果版本需要协议为https的才可以获取到地理定位。而后为了解决此问题,改用百度MAP来获取,具体步骤和代码如下:1.打开http://lbsyun.baidu...

利用简洁的图片预加载组件提升h5移动页面的用户体验

在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用户体验。抛开网速的原因,解决这个问题有多方面的思路:最基本的,要从http请求合并,缓存管理,图片压缩等方面做性能优化;另外就是可以对页面里用到的所有图片做预加载的处理,当用户打开页面的时候不立...

什么是H5?

总听到很多人说H5,现在H5很火,到底H5是什么,以下发表个人对H5的理解。HTML5将成为HTML、XHTML以及HTMLDOM的新标准。HTML的上一个版本诞生于1999年。自从那以后,Web世界已经经历了巨变。HTML5仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5支持。设计目的  HTML5的设...
代码星球 ·2020-05-24

使用余弦定理制作磁盘形状h5音乐播放器

功能实现  [1]歌曲播放进度转换成视觉的旋转角度  [2]点击磁盘任意位置歌曲跳转到相应进度 效果展示 原理说明【1】旋转原理【2】余弦定理代码实现HTML<divclass="outer"><imgsrc="img/huochai.jpg">"match"width="122"...

微信JSAPI 公众号支付 H5支付以及APP支付 WEBAPI接口开发测试

 统一下单入口调用该方法入口:publicvoidWxPayAPI(){//stringPayPrice="99.9";////订单号//stringPayorder=GenerateOutTradeNo();//支付金额stringPayPrice=Request.GetString("payprice")...

h5 rem

<script>(function(){setRem();window.addEventListener('orientation'inwindow?"deviceorientation":"resize",setRem);functionsetRem(){varhtml=document.getEleme...
代码星球 ·2020-05-23

h5预加载代码

   预加载<!--预加载--><divclass="preload"><divclass="prezoom"><divclass="outer-circle"></div><divclass="inner-circle"&...
代码星球 ·2020-05-23

iphone微信 h5页音乐自动播放

iphone微信h5页音乐自动播放://iphone自动播放document.addEventListener("WeixinJSBridgeReady",function(){document.getElementById('audio').play();},false);  functionmusicShow(){...

h5跳转到app的实现

    随着业务的增加,可能存在这么一种需求,就是需要从h5中直接跳转到app。如果没有安装app的话,则提示到应用市场或者appstore下载安装。不过问题就在这个地方,单纯的用h5是没有方法判断是否安装过app的,不过这些是难不倒程序员的,他们通常会用这种代码来解决1wind...
代码星球 ·2020-05-23

H5新特性总结

Web前端最新的官方标准无疑就是es6和H5了,es6之前已经说过了(多是一些语法糖),现在来总结一下H5给我们来了哪些新“朋友”吧~1.video/radio 视频/音频2.canvas 绘画3.geolocation 定位4.WebSocket 前后端...
代码星球 ·2020-05-22

H5新特性之canvas

canvas无疑是H5之中最受欢迎的新特性了,它可以让浏览毫无费力的画出各种图案,动画。canvas的性能不会因为画布上的图案多少而改变,因此做动画用canvas性能也相当优秀。canvas最基本的概念是1.路径2.描边3.填充4.变换5.图片操作首先先获得canvas的操作借口集(这里先用2d为例):letcanva...
代码星球 ·2020-05-22

H5新特性之拖拽文件

H5新增了drag事件,在H5中拖拽是十分常见的。可以拖拽的分为页面内的和页面外的 页面内的一般默认可以拖拽的是img和a标签页面外的常指的是文件上代码吧~letzoom=document.getElementById('drag_zoom');zoom.addEventListener('dragenter...
首页上一页...7891011...下一页尾页