h5主题的文章列表，还有h5的技术要点_第7页

h5批量下载文件

一、功能性需求和非功能性需求：支持文件批量下载。不要java实现，需要在web中实现。B/S模式，非C/S模式。服务器不需要打包。使用JS能够实现批量下载，能够提供接口从指定url中下载文件并保存在本地指定路径中。支持大文件断点下载。比如下载10G的文件。PC端全平台支持。Windows,macOS,Linux全浏览器...

代码星球 ·2020-08-07

常见的移动端H5页面开发遇到的坑和解决办法

转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如...

代码星球 ·2020-08-07

小程序分享进入H5动态网页

在要分享的界面加上这段代码onShareAppMessage:function(options){varthat=this;//varreturn_url=that.data.shareWeb;varreturn_url='https://testapi.zhenaicx.com/activityH5/invite.h...

代码星球 ·2020-08-02

h5设计图尺寸

640标准的话设计图：　　640*1136 body,html背景图的话需要640*1008的这样才能整屏刚刚好750标准的话设计图：　　750*1334　　body，html背景图的话，750*1181的，这样才能整屏刚刚好...

代码星球 ·2020-08-02

H5高德地图获取当前位置

<!doctypehtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="...

代码星球 ·2020-08-02

h5内容超出可以滑动展示的处理，iscroll的使用

第一步：　　　　引入js 第二步：页面结构　　　　第三步：使用　　　　　　　　dome效果：http://cubiq.org/dropbox/iscroll4/examples/simple/文档地址：http://iscrolljs.com/　　　　注意：不要给ul设置高度，不然内容...

代码星球 ·2020-08-02

h5 audio进度条

h5audio播放进度条　　　效果图：　　　　　　html部分：　　　　<divclass="audiojindu"><divclass="playcontrol"><imgid="imgcontrol"src="img/paly.png"alt=""/></div>&l...

代码星球 ·2020-08-02

h5调用手机相册摄像头以及文件夹

在之前一家公司的时候要做一个app里面有上传头像的功能，当时研究了好久，找到了一篇文章关于h5摄像头以及相册的调用的，所以就解决了这个问题了！！我这里记录一下以便后面有人需要，可以参考一下！！！！下面是完整的一个HTML页面内容，放在服务器上然后浏览就可以了，只支持Chrome和Safari核的浏览器，QQ浏览器，Ch...

代码星球 ·2020-08-02

h5屏幕旋转的时间和样式的设置

好几天没更新博客了，今天写写小感悟和一个小东西吧！随着前端的前端的越来越火，对前端的要求也越来越高，从之前的切图到开发网站再到现在移动端开发，微信开发，手机app混合开发，不得不说现在前端在开发行业已经有了一席之地，所以丰富自己的经验，提升自己的技能才是最关键的，要知道眼光放长远的人才能够走的远，不要觉得今天或是现在他...

代码星球 ·2020-08-02

h5做直播的弹幕效果

最近在搞弹幕效果所以就写一个关于弹幕的吧，刚开始寻思去网上找插件的，但找的插件和我的需求都不太相符，其实做弹幕我知道的有两种方法：1：一种是用canvas和对象来完成弹幕想过，用canvas来完成弹幕动画，每一条弹幕就是一个对象，但是由于canvas定位到视频框上面，会覆盖掉直播框，这样就会让我的直播框的一些事件失效所...

代码星球 ·2020-08-02

手机H5支持视频的比特率

手机H5支持视频的比特率最好在1600 音频采样率22050比特率32...

代码星球 ·2020-08-02

H5与Native交互之JSBridge技术

下面分别介绍IOS和Android与Javascript的底层交互原理IOS在讲解原理之前，首先来了解下iOS的UIWebView组件，先来看一下苹果官方的介绍：YoucanusetheUIWebViewclasstoembedwebcontentinyourapplication.Todoso,yousimplycr...

代码星球 ·2020-08-01

H5图片压缩上传

1.所用到技术HTML5API：filereader、canvas以及formdata目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。本次使用到的FileReader、Blob、Formdata对象均已在大部分移动设备浏览器中得到了实现（safari6.0+、android3.0+），所以...

代码星球 ·2020-08-01

H5 唤起 APP的解决方案

H5页面唤起APP或跳转到下载APP的某个链接地址。总结如下：在IOS中，系统版本在8以下时，可以监听页面的pagehide/visibilitychange事件。系统版本大于8以后，可以使用universalLink或URLscheme进行跳转。//IOS的唤起function vForIOS(...

代码星球 ·2020-08-01

iOS中 H5的input输入框focus()无法自动拉起键盘（解决方法）

原来，在App的配置文件（config.xml）,里面默认会有一句1<preferencename="KeyboardDisplayRequiresUserAction"value="true"/>这里面的大概意思就是，键盘的显示需要用户去触发，而且是设置为true的！！！那么下面你们知道怎么做了吧，只需要...

代码星球 ·2020-08-01