51Dev开发社区
登录 注册

#H5

vue 单纯的获取经纬度 百度与高德 H5
首先用百度的api举个例子首先在index页面引入如下：<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=(你的sdk密匙)"></script>原样复制粘贴到index里就可以了，记住尾巴的a...
代码星球 ·2021-01-12

H5页面关于android软键盘弹出顶起底部元素的解决方案
 应用场景：用div在移动端页面设置一个底部工具栏，css的代码大概如下：.tool{width:100%;height:60px;position:fixed;left:0px;bottom:0px;background-color:#000080} 如果页面有一输入框<inputtype=...
代码星球 ·2021-01-09

第三方插件：保利威视H5播放DEMO
暂存下来，以备查  开发文档：http://dev.polyv.net/2017/videoproduct/v-playerapi/html5player/html5-docs/ <!DOCTYPEhtml><html><head><metacha...
代码星球 ·2021-01-09

h5本地缓存（localStorage，sessionStorage）
 H5本地存储数据localStorage，sessionStorage的区别:　　相同点： 缓存数据比cookie的范围大;　　localStorage:关闭浏览器数据不会消失，除非手动删除数据　　sessionStroage：数据暂时缓存在客户端，关闭浏览器数据丢失下面是localStorage...
代码星球 ·2021-01-02

h5新增属性
一、地理位置百度地图的JavaScriptAPI接口：http://lbsyun.baidu.com/index.php?title=jspopulardemo接口 网址　http://lbsyun.baidu.com/index.php?title=jspopular获取地理定位的//地理定位获取使用方法/...
代码星球 ·2021-01-02

h5中input的request属性提示文字字段
<inputtype="password"class="form-control"name="passWord"required=""placeholder="输入密码">required属性，提交表单时，如果input的value值为空，则提示该字段不能为空...
代码星球 ·2021-01-02

H5 App页面 绝对定位 软键盘弹出时顶起底部按钮
做H5App页面时，有时候，按钮可能会放到页面的最底下，这个时候可能会用到绝对定位（position:absolute），但是，当input输入框被点击时，弹出的软键盘会顶起底部的按钮，就像这样：这个时候，可以给底下的Button或者包含这个Button的Div 添加一个CSS样式：z-index:-1...
代码星球 ·2020-12-30

使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个...
代码星球 ·2020-12-30

h5页面添加背景音乐
【需求】h5页面添加背景音乐，支持微信、QQ、各种APP。【实现思路】1、通过audio标签，设置自动播放，是一种方法，但是此方法只适合微信、QQ，并不兼容我司的APP，需要主动触发下播放事件。　　　　　　2、针对可以自动播放的渠道，通过this.audio.addEventListene监听playing事件，控制小...
代码星球 ·2020-12-28

超优秀 Vue+H5 拖拽式页面生成器luban-h5
前几天有给大家分享一款vue.js拖放布局设计器。今天再给大家分享一个很棒的Vue拖拽式生成移动端页面工具LubanH5。 h5maker基于vue.js拖拽布局设计器luban-h5 基于vue2.x构建的可视化搭建、拖拽快速生成移动端页面平台，star高达2.6K+。类似易企秀、百度H5等平台。...
代码星球 ·2020-12-27

超给力 Vue.js 可视化H5拖拽编辑器Quark-H5
前两天有分享一个鲁班H5移动端页面生成器。今天再给大家推荐一款超优秀的VueH5可视化布局编辑器QuarkH5。 luban-h5拖拽式页面生成器quark-h5 基于vue.js开源的H5可视化拖放编辑器，star高达1.7K+。支持拖拽组件并配置属性，支持动画及效果预览，轻松快速上手制作h5页面...
代码星球 ·2020-12-27

在H5页面内通过地址调起高德地图实现导航
项目中用到的一个功能是要通过点击地址来实现打开地图app实现地址导航。如下图：实现思路就是在H5页面内通过点击marker图标然后进行当前位置与页面上地址的路程规划与导航。由于项目中用到的是高德地图，所以这里用到的是调起高德地图APP来实现该功能。首先肯定要去高德开放平台去申请KEY，拿到这个KEY后通过调用js代码就...
代码星球 ·2020-12-27

vue实现自定义H5视频播放器
前言前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑,这里做一下复盘分享出来,避免日后重复踩坑... 这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭,也比较容易.需要实现的几个功能基本都标注出来了;除了还有一个视频加载失败的...下面就这届上代码了;刚开始构...
代码星球 ·2020-12-25

Android H5秒开方案调研—今日头条H5秒开方案详解
背景在回家的地铁上使用自家应用H5相关功能时，可能由于网络原因导致体验较差，在使用微信、今日头条App时，感觉很流畅，基本做到了秒开，然后就想了解下业内H5秒开方案。 问题原因文件下载耗时：包括html、css、js、图片等页面渲染耗时：页面渲染，解析js、css文件等WebView创建耗时：首次创建WebV...
代码星球 ·2020-12-24

h5本地预览上传的图片或视频
通过<inputid="input"type="file"onchange="changeFile()">中的change事件拿到的file不能直接在本地预览选择的图片或者视频，可以通过以下两种方式预览本地图片，不用上传到服务器就可以本地预览。 这种方式生成的文件地址可以预览图片和视频<!D...
代码星球 ·2020-12-24
首页上一页12345...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他