0
推荐
0 评论
15 阅读

H5应用发布上线

上一章介绍了H5应用的编译优化,生成了发布目录,配置好WEB服务器后,将发布目录上传到服务器即可完成发布。 为了H5应用程序升级后客户能及时更新,建议将H5应用的主html文件及逻辑页面文件夹下html/js文件的缓存策略设置为"no-cache"。 (在… …
0
推荐
0 评论
14 阅读

H5应用优化

目前我们运行的H5应用直接是在项目下的server目录中,这称为开发版本,没有进行优化。 在生产环境下,一般会将开发版本进行优化,生成发布版本后上线,可提升H5应用性能。 用webcc编译H5应用 [任务] 使用webcc工具,编译项目下的server目录,生成发布版本目… …
0
推荐
0 评论
10 阅读

创建多个H5应用

[任务] 在示例项目中,只有一个应用即index.html。 实际在一个H5项目中,常常需要多个应用,例如给用户使用的手机客户端应用、给员工使用的员工端应用等。 我们将在同一项目下再创建一个新的“员工端”应用。 筋斗云要求每个H5应用有个内部名称(appName), 在示例… …
0
推荐
0 评论
83 阅读

分页列表框架(四)

分页列表的接口适配 上面学习了易用强大的分页列表,支持分页的后端接口使用的是筋斗云的规范,返回列表像这样: { list: [ {field1: "val1", field2: "val2"}, {field1: "val3… …
0
推荐
0 评论
47 阅读

分页列表框架(三)

显示多个列表 本节学习导航栏加多个列表这一常见模式。 [任务] 在示例应用时,订单列表页便按照订单状态,分成“待服务”和“已完成”两栏,分别对应一个列表。 我们将练习页面orders2也改造成支持分栏的样式。 首先,我们熟悉下后端列表查询的接口。 筋斗云后端接口支持业务… …
0
推荐
0 评论
48 阅读

分页列表框架(二)

使用DOM模板创建组件 [任务] 上节练习中,函数onAddItem里,直接使用了拼接html的方式动态创建列表项,当组件复杂时可读性和可维护性很差。 我们将使用示例应用自带的weui样式库美化列表项,并用DOM模板的方法重写创建组件过程,让代码更清晰。 一般情况下,不建… …
0
推荐
0 评论
51 阅读

分页列表框架

本章介绍很常用的分页列表,详情可查阅官方参考文档中的"initPageList"函数介绍。 显示单个列表 当列表预期可能很长时,一般应支持分页。分页列表在手机上的典型展现方式是支持上拉加载和下拉刷新。 [任务] 创建页面orders2,仿照示例应用… …
0
推荐
0 评论
76 阅读

常用组件 / 对话框及菜单

简单对话框 框架提供的app_alert用于显示简单的提示框,类似alert/confirm/prompt这些函数, 只不过app_alert是异步的(调用后立即返回,需要通过回调函数来执行之后的操作),且可以定制显示样式。 在浏览器控制台里输入以下示例试试: // 信息… …
0
推荐
0 评论
55 阅读

常用组件 / 导航栏及图标

常用组件 筋斗云框架有一些使用mui前缀的CSS类,包括: mui-container H5应用容器,一般在HTML的body对象上设置。 mui-page 逻辑页,由框架自动设置 mui-btn 按钮,如果再叠加primary类,则表示显示为缺省按钮。 mui-dial… …
0
推荐
0 评论
48 阅读

进入与退出应用

进入应用后,框架会自动设置一些全局变量,如g_args, g_data等。 问:如何在H5应用中获取URL参数? 全局变量g_args保存了H5应用的URL参数。 例如URL为http://myserver/myproject/index.html?orderId=10&a… …