Hbuilder HTML5-app
Bolt_li
这个作者很懒,什么都没留下…
展开
-
Hbuilder app几种打开页面的方式
初始化时创建子页面直接打开新页面预加载新页面示例1.初始化时创建子页面mui.init({ subpages: [{ url: your - subpage - url, //子页面HTML地址,支持本地地址和网络地址 id: your - subpage - id, //子页面标志 styles: { top:转载 2015-11-23 14:35:49 · 11922 阅读 · 1 评论 -
Hbuider hybrid app 开发之上传图片
目标:获取手机本地图片,并上传到服务器端。通过拍照和选择相册两种方式获取本地图片。 说明:注意plus对象的使用,查看官方文档,学好基础最重要。官方文档 其他说明:以下代码展示的是最基本的图片上传,复杂操作可参考图片上传;服务器代码demo参考服务器端获取本地图片方法实现plus.nativeUI.actionSheet({cancel:"取消",buttons:[{title:"拍照上传"原创 2016-11-02 10:21:44 · 3295 阅读 · 0 评论 -
Hbuider hybrid app开发---被预加载的页面无法在mui.init中去成功预加载其他页面的问题
问题描述: 在XXX项目中,诊所列表页面预加载诊所详情页面,之后成功打开诊所详情页面;在诊所详情页面上,存在医生列表,业务需要在该页面上实现预加载医生详情页面。 最初在诊所详情页使用该方法: (通过mui.init方法中的preloadPages参数进行配置) <script type="text/javascript" charset="utf-8">原创 2015-11-25 11:48:09 · 4490 阅读 · 2 评论 -
Hbuider hybrid app开发细节积累
1. 搜索框的属性的设置。要虚拟键盘显示“搜索”二字,需满足以下两个条件:(1)设置input属性 type=‘search’(2)input需在form表单中。html代码<form action=""> <div class="mui-input-row mui-search"> <input id="search" type="search" class="mui原创 2016-09-28 16:24:29 · 6015 阅读 · 2 评论 -
Hbuider hybrid app 开发之获取手机电量
1.目标:获取手机电量 2.实现方式:native.js实现 3.说明:原文。Android//注意,安卓需要配置下manifest.json文件,打开后,进入模块权限配置,在右侧的Android权限设置里勾选上android.permission.BATTERY_STATSvar main = plus.android.runtimeMainActivity();var Intent =转载 2016-11-04 14:17:18 · 1466 阅读 · 1 评论 -
Hbuider hybrid app开发之检查网络等js方法
1.检查网络状态,提示用户检查网络,android端可进入系统设置页面。/* * 检查网络 * */function checkNet() {//检查网络var network = plus.networkinfo.getCurrentType();if (network == 1) { btnArray = ["设置", "退出"]; mui.confirm('网络异常原创 2015-12-10 10:14:06 · 4081 阅读 · 0 评论 -
Hbuider hybrid app开发之js常用方法
(function(w, _, $, u) { _.plusReady(function() { plus.webview.currentWebview().setStyle({ softinputMode: "adjustResize" }); }); w.openView = function(url,extras,原创 2016-07-22 11:36:58 · 1616 阅读 · 0 评论 -
Hbuider hybrid app开发之地图操作方法
var map = null;var zoom = 13;//缩放值function creatMap(data,ws){//创建地图---data:一些地图设置参数 如图标、中心点经纬度 if (!ws) {return}; wo = ws.opener(); map = new plus.maps.Map("map"); if(!data){原创 2016-07-22 11:44:42 · 5124 阅读 · 1 评论 -
Hbuider hybrid app开发之地图位置信息操作方法
/** * 位置工具 * */var watchId = null;/** * @description 监听位置变化信息 * */ function watchPosition(){ if (watchId) { return; } watchId = plus.geolocation.watchPosition(function(p){原创 2016-07-22 11:48:14 · 1924 阅读 · 0 评论 -
CSS 样式修改 积累
背景色渐变.gradient { background: #BCE8F1; background: -moz-linear-gradient(top, #BCE8F1 0%, #3684F9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BCE8F1),原创 2016-01-13 10:47:30 · 1400 阅读 · 0 评论 -
js实现按钮重新发送验证码倒计时效果
//倒计时 var wait = 60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.textContent = "再次获取验证码"; wait = 60; } else {原创 2015-11-25 16:27:16 · 2560 阅读 · 0 评论 -
Hbuider制作app升级包的简单办法 (升级官方提供的案例)
源文档:http://ask.dcloud.net.cn/question/11795 http://ask.dcloud.net.cn/article/199一、生成移动App资源升级包 5+应用可使用以下方式进行升级 - 整包升级:适用于大版本更新,新增5+模块时必须使用此类更新方法 - 应用资源升级:适用于小版本更新转载 2015-12-09 13:02:01 · 14873 阅读 · 4 评论 -
html5 plus 拍照并显示
1.点击拍照按钮、获取图片路径并显示到页面上mui.plusReady(function() { document.getElementById("takePic").addEventListener('tap', function() { takePhoto(); });});function takePhoto() { // 获取设备默认的摄像头对象原创 2015-11-24 17:28:45 · 5623 阅读 · 0 评论 -
Hbuilder–app 开发 之 MUI个别细节
Hbuilder–app 开发 之 MUI个别细节1.和上拉加载,下拉刷新配套的加载子页面mui.init({ subpages : [qiao.h.normalPage('list')] });要想实现上拉加载和下拉刷新,必须使用子页面的方式,需要在init中设置。 2.手势事件和默认事件 长按事件,后退事件,菜单事件,最好在i转载 2015-11-23 11:21:26 · 2531 阅读 · 0 评论 -
对html文件中dom元素设置监听遇到的问题
1.使用builder提供的mui框架制作app,对dom元素使用onclick单击监听是无效的。使用 tap 代替click。 2.在使用.on()方法实现批量元素的事件绑定时: .on( event , selector , handler ) event Type: String 需监听的事件名称,例如:’tap’原创 2015-11-26 21:55:57 · 1353 阅读 · 0 评论