微信小程序新手教程之逻辑层(App Service) , 本篇默认已经成功安装微信小程序工具 , 来和小编一起看看吧
逻辑层(App Service)
小程序开发框架的逻辑层是由JavaScript编写 。
逻辑层将数据进行处理后发送给视图层 ,
同时接受视图层的事件反馈 。
在 JavaScript 的基础上 , 我们做了一些修改 , 以方便地开发小程序:
增加 App 和 Page 方法 , 进行程序和页面的注册 。
增加 getApp 和 getCurrentPages 方法 , 分别用来获取 App 实例和当前页面栈 。
提供丰富的 API , 如微信用户数据 , 扫一扫 , 支付等微信特有能力 。
每个页面有独立的作用域 , 并提供模块化能力 。
由于框架并非运行在浏览器中 , 所以 JavaScript 在 web 中一些能力都无法使用 , 如 document , window 等 。
开发者写的所有代码最终将会打包成一份 JavaScript , 并在小程序启动的时候运行 , 直到小程序销毁 。类似ServiceWorker , 所以逻辑层也称之为 App Service 。(RDD:类似于JSX)
APP
App()
App() 函数用来注册一个小程序 。接受一个 object 参数 , 其指定小程序的生命周期函数等 。
object参数说明:
属性类型描述触发时机onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时 , 会触发onLaunch(全局只触发一次)onShowFunction生命周期函数--监听小程序显示当小程序启动 , 或从后台进入前台显示 , 会触发onShowonHideFunction生命周期函数--监听小程序隐藏当小程序从前台进入后台 , 会触发onHide其他Any开发者可以添加任意的函数或数据到Object 参数中 , 用 this 可以访问
RDD注解:
小程序的数据库 。
小程序的宏观状态变化时的表现 。
打开
后台 -> 前台
前台 -> 后台
getApp()
我们提供了全局的 getApp() 函数 , 可以获取到小程序实例 。
// other.js
var appInstance = getApp()
console.log(appInstance.globalData) // I am global data
注意
唯一:
App() 必须在 app.js 中注册 , 且不能注册多个 。
一次:
不要在定义于 App() 内的函数中调用 getApp() , 使用 this 就可以拿到 app 实例 。
生命周期:
不要在 onLaunch 的时候调用 getCurrentPage() , 此时 page 还没有生成 。
不干涉:
通过 getApp() 获取实例之后 , 不要私自调用生命周期函数 。
嗨图功能
文章插图
1、专题——DIY图片的模板 , 点击可以生成使用 , 分享到朋友圈 。
2、分享墙——用户上传的自己DIY作品 。
3、立即制作——可以用自己的图来DIY 。
4、告诉我——告诉产品的改进 , 内容的增加 。
【App Service 微信小程序新手教程之逻辑层】想要体验怎么制作属于自己个性朋友圈照片的用户 , 扫一扫下面的二维码就可以啦!还等什么 , 赶紧扫码体验 , 开启你的嗨图之旅吧!
文章插图
推荐阅读
- 广汽本田冠道雨刷尺寸是多少 丰田花冠雨刮什么尺寸
- NOW直播怎么编辑个人资料
- 国旗象征着什么十大国旗的由来和象征意义
- 老年人尤其要重保养四梢
- 关于菜中佳品瓜 好吃又治病
- 虾不能和什么一起食用
- NOW直播怎么NOW认证
- 冬季 给宝宝洗澡讲究多
- 老人下肢浮肿的原因