hbuilder注意事项

App开发注意事项App开发注意事项

单个页面由多个webView组成注意事项。

有两种不同的加载方式。

1.在加载主webView时,初始化Init()时就加载子页面,

此时为异步加载!

2.在主webView已经加载成功,再把子webView  append进主webView;

此为同步加载!

如果主webView和子webView第一次加载时,所需数据没有关联,可以1方法。

如果子webView需要的数据由主WebView提供时,此时必须用2方法;

二.弹出页面问题!

弹出页面一般为新的webView,此时需要创建一个比窗口要小的webView作为弹出层。

三.在Android,ios上对于背景透明的webView渲染方式有区别!解决办法是最好设置弹出层webView的固定宽高。页面传值。

1.在打开新页面的时候通过webview的extras来传值。

如: $.openWindow({

url:‘confirm.html‘,

id:‘confirm‘,

styles:{

top:‘71px‘,

left:‘291px‘,

width:‘450px‘,

background:‘transparent‘

},

extras:{

txt:‘确定反结吗?‘

}

})

取值:在confirm页面,

Plus.webView.currentView().txt

2.通过fire来对各个页面传值。

比如在主页面也上代码:

$,fire(targetView,’event’,data)

targetView: 目标页面 如:var mainView=plus.webView.getwebVIewById(‘xxx’);  此时mainView为目标页面。

Event:触发事件名。

Data:要传的数据,json数据;

取值:

在targetView页面写代码 :

window.addEventListener(‘event’,function(e){

Var data=e.detail;  //此时e.detail就是传值页面的data;})

当$,fire(targetView,’event’,data) 这段代码执行的时候,targetView  这个页面就会监听event事件就会触发;

时间: 2024-10-07 05:30:06

hbuilder注意事项的相关文章

HBuilder开发App教程10-完成事项

回顾 回顾一下之前的要点: 1.Hbuilder创建项目,真机调试 2.首页 3.列表页 4.侧滑菜单 5.websql 6.几种页面打开的方式 再讲下本节的要点: 1.fire方式页面间传值 2.再讲websql 完成事项 功能描述 左滑待办事项会出现完成按钮,点击按钮会将待办事项完成,并加入侧滑菜单, 过程 1.左滑出现完成按钮 2.点击按钮后将事项从待办表中删除 3.同时将事项加入完成表中 4.侧滑菜单显示完成事项 页面 涉及两个页面,一个是list,一个是menu, 为了让操作更流畅,所

Hbuilder用ajax连接阿里服务器上的servlet以及注意事项

Hbuiler连接服务器上的servlet的步骤与连接本地项目中的servlet基本一致,详细内容参考上一片博客:https://www.cnblogs.com/ljysy/p/10294640.html 需要将上篇博客中的ajax请求中的ip地址写成自己阿里服务器的相应的ip地址即可 在本片博客中主要是简述一些注意事项 要先在本地测试项目,可以用Hbuider正确访问,然后将本地项目导出一个war包,上传至阿里服务器的tomcat安装目录的webapps目录下(当然,需要事先安装好tomcat

HBuilder开发App教程07-列表页

说明 接着上节的内容,本节讲首页的list页面, 如果看过上一节你就会明白"首页"是由只有头部的index页面和列表list页面组成的, 本节涉及到: 1.几种页面的打开方式 2.websql的应用 3.页面内容的加载 4.页面实现 几种页面打开方式 如果看过以前的章节你会明白,在Hbuilder,mui中需要放弃href跳转, 而专用mui自带的页面打开方式,为什么?请浏览:http://ask.dcloud.net.cn/article/122 这里大概讲一下,详细讲解请关注下一节

HBuilder开发App教程09-侧滑菜单

侧滑菜单 功能 上节讲到了列表页,这节讲一个比较常用的功能,侧滑菜单, 在本app中策划菜单用来记录已经完成的事项. 实现方式 用Hbuilder实现类似侧滑菜单这样原生app功能,一般有两种实现方式,详见:这里. 一是webview实现,二是div模拟实现, 两者的区别是div实现简答,但是偶尔效果不是很好, 而webview实现稍微复杂,页面传值也复杂,但是效果好点,一般推荐webview实现方式. index.html 代码 index.js中需要添加如下代码, var main = nu

HBuilder开发App教程12-详情页,删除和退出

接近尾声 本节讲讲详情页,删除和退出,然后基本接近尾声了,希望大家有所收获. 详情页 说明 点击待办事项,我跳转到详情页,可以看到事项的详情 detail.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,

HBuilder开发App教程05-滴石和websql

滴石 介绍 滴石是用HBuilder开发的一款计划类app, 用到HBuilder,mui,nativejs以及h5一些特性. 预期 目前只开发到todolist级别, 以后计划做成日计划,月计划,年计划等计划类app. 网址 官网:http://uikoo9.com/dishi 开源:http://git.oschina.net/uikoo9/uikoo9-dishi 教程 以后HBuilder开发app以滴石为例,做一个简单的app. 功能介绍 列表页 列出要完成的事项,具体功能: 1.左滑

Hbuilder用自有证书打包 ios App上架AppStore流程

最近在用Hbuilder做跨平台开发,经过一番研究终于在苹果商店上架成功了一款产品!这款产品就很简单,直接用hbuilder打包好,然后上传到商店即可.这里参照ios app提交应用商店 这篇文章结合hbuilder,从应用打包,到提交到苹果商店的流程详细介绍一下,希望对有需要的哥哥姐姐们有帮助. 一.打包: 应用写好了之后就可以打包了,hbuilder云打包很简单,但是你想要发布到应用商店的话是需要自有证书的, 选择"使用苹果证书" 1.  前期工作 这里就需要用到 AppId,描述

谈谈APP架构选型:React Native还是HBuilder

原文链接 导读:最近公司的一款新产品APP要进行研发,老大的意思想用H5来做混合APP以达到高效敏捷开发的目的.我自然就开始进行各种技术选型的调研,这里重点想说的是我最后挑选出的2款hybrid app开发技术方案:RN(react native),HBuilder.React Native是大名鼎鼎的Facebook的开源技术框架,而HBuilder是国内的H5工具开发公 司DCLOUD的产品.我自己先总结下吧:这两个技术框架在开发效率上基本上可以媲美WEB开发的速度,RN强调的是“Learn

面向对象注意事项

在面向对象中,有实例变量和类变量,实例变量为类对象的实例成员,而类变量不仅类可以直接调用,而且类的对象也可以调用.类对象可以对实例变量进行添加.修改.删除操作等... 下面就用个示例来做参考: #!/usr/bin/env python # -*- coding:utf-8 -*- class PersonInfo(object): commity_data = 123 def __init__(self,name,age): self.name = name self.age = age de