DuKe Luo

微信小程序自学（二）-- 逻辑层（注册程序，场景值，注册页面）

逻辑层 App Service

小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。

逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。

开发者写的所有代码最终将会打包成一份 JavaScript 文件，并在小程序启动的时候运行，直到小程序销毁。这一行为类似 ServiceWorker，所以逻辑层也称之为 App Service。

在 JavaScript 的基础上，我们增加了一些功能，以方便小程序的开发：

增加 App 和 Page 方法，进行程序和页面的注册。
增加 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈。
提供丰富的 API，如微信用户数据，扫一扫，支付等微信特有能力。
每个页面有独立的作用域，并提供模块化能力。

注意：小程序框架的逻辑层并非运行在浏览器中，因此 JavaScript 在 web 中一些能力都无法使用，如 window，document 等。

一注册程序

（1）App(Object)

App() 函数用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。

App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

Object 参数说明：

前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。需要注意的是：只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。

关闭小程序（基础库版本1.1.0开始支持）：当用户从扫一扫、转发等入口（场景值为1007, 1008, 1011, 1025）进入小程序，且没有置顶小程序的情况下退出，小程序会被销毁。

小程序运行机制在基础库版本 1.4.0 有所改变： 上一条关闭逻辑在新版本已不适用。详情

我们下面通过代码来演示上面那几个函数的区别，

onLaunch函数是指在小程序初始化的过程中调用的函数，那么我们看看是不是这样，在前面我们说过了对象用{}，那么给App传入一个对象，应该在app.js下写成App({ ...... })的形式，我们先来测试onLauch方法，

1. onLaunch(Object)

小程序初始化完成时触发，全局只触发一次。参数也可以使用 wx.getLaunchOptionsSync 获取。

参数说明：

与 wx.getLaunchOptionsSync 一致

App({
    onLaunch(options){
        console.log("初始化成功1")
        console.log(options)
    }
})

当我们运行小程序时，在console窗口出现

我们可以看到onLanch的参数有path, query.... 这些参数我们等会讲，我们点击切后台图标，进入后台，没有发现console窗口变化，再次点击切后台，也没发现任何变化，说明onLaunch只有在小程序初始化阶段调用，

2.onShow(Object)

小程序启动，或从后台进入前台显示时触发。也可以使用 wx.onAppShow 绑定监听。

参数说明：

与 wx.onAppShow 一致

接下来我们测试onshow方法：

//app.js
App({
    onLaunch(options){
        console.log("初始化成功1")
        console.log(options)
    },
    onShow(options) {
        console.log("后台进入前台")
        console.log(options)
    }
})

运行程序：

从图中我们发现是先初始化，然后再从后台进入前台，我们不妨再做一个测试，点击两次切后台，注意点一次切后台是从前台到后台，再点击一次是从后台进入前台。出现如下信息：

的确再次运行了onshow方法，图中的错误暂且不管。

3. onHide()

小程序从前台进入后台时触发。也可以使用 wx.onAppHide 绑定监听。

我们接下来测试一下onHide方法，看看是不是从前台到后台

//app.js
App({
    onLaunch(options){
        console.log("初始化成功1")
        console.log(options)
    },
    onShow(options) {
        console.log("后台进入前台")
        console.log(options)
    },
    onHide(options){
        console.log("前台进入后台")
        console.log(options)
    }
})

运行后出现

注意到小程序的流程了吗，先初始化，然后从后台进入前台，没有触发onHide方法，接下来我们点击一下切后台，

可以看到当前台到后台时，的确触发了onHide方法。

这三个方法我们就讲到这。

（2）getApp(Object)

全局的 getApp() 函数可以用来获取到小程序 App 实例。

Object 参数说明：

注意：

不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。
通过 getApp() 获取实例之后，不要私自调用生命周期函数。

这个到底是什么意思呢，其实getapp方法是获取小程序app实例的，这样说很抽象，比如说我在app.js下定义了一个变量，我在其他页面的js文件中可以通过getapp函数实例化一个app，然后在调用实例化对象的元素，比如在app.js下定义了一个name

//app.js
App({
    onLaunch(options){
        console.log("初始化成功1")
        console.log(options)
    },
    onShow(options) {
        console.log("后台进入前台")
        console.log(options)
    },
    onHide(options){
        console.log("前台进入后台")
        console.log(options)
    },
    "name": "llls"
})

然后在index.js下我们看看实例化后的对象是啥，

//index.js
//获取应用实例
const app = getApp()
console.log(app)

Page({
  data: {
  }
})

运行

看，这里有上面我们提到的方法和name变量，我们可以单独打印name变量， indexjs代码：

//index.js
//获取应用实例
const app = getApp()
console.log(app.name)

Page({
  data: {
  }
})

运行：

注册程序我们暂时讲到这里

二，场景值

当前支持的场景值有：

场景值ID	说明
1001	发现栏小程序主入口，「最近使用」列表（基础库2.2.4版本起包含「我的小程序」列表）
1005	顶部搜索框的搜索结果页
1006	发现栏小程序主入口搜索框的搜索结果页
1007	单人聊天会话中的小程序消息卡片
1008	群聊会话中的小程序消息卡片
1011	扫描二维码
1012	长按图片识别二维码
1013	手机相册选取二维码
1014	小程序模板消息
1017	前往体验版的入口页
1019	微信钱包
1020	公众号 profile 页相关小程序列表
1022	聊天顶部置顶小程序入口
1023	安卓系统桌面图标
1024	小程序 profile 页
1025	扫描一维码
1026	附近小程序列表
1027	顶部搜索框搜索结果页「使用过的小程序」列表
1028	我的卡包
1029	卡券详情页
1030	自动化测试下打开小程序
1031	长按图片识别一维码
1032	手机相册选取一维码
1034	微信支付完成页
1035	公众号自定义菜单
1036	App 分享消息卡片
1037	小程序打开小程序
1038	从另一个小程序返回
1039	摇电视
1042	添加好友搜索框的搜索结果页
1043	公众号模板消息
1044	带 shareTicket 的小程序消息卡片详情
1045	朋友圈广告
1046	朋友圈广告详情页
1047	扫描小程序码
1048	长按图片识别小程序码
1049	手机相册选取小程序码
1052	卡券的适用门店列表
1053	搜一搜的结果页
1054	顶部搜索框小程序快捷入口
1056	音乐播放器菜单
1057	钱包中的银行卡详情页
1058	公众号文章
1059	体验版小程序绑定邀请页
1064	微信连Wi-Fi状态栏
1067	公众号文章广告
1068	附近小程序列表广告
1069	移动应用
1071	钱包中的银行卡列表页
1072	二维码收款页面
1073	客服消息列表下发的小程序消息卡片
1074	公众号会话下发的小程序消息卡片
1077	摇周边
1078	连Wi-Fi成功页
1079	微信游戏中心
1081	客服消息下发的文字链
1082	公众号会话下发的文字链
1084	朋友圈广告原生页
1089	微信聊天主界面下拉，「最近使用」栏（基础库2.2.4版本起包含「我的小程序」栏）
1090	长按小程序右上角菜单唤出最近使用历史
1091	公众号文章商品卡片
1092	城市服务入口
1095	小程序广告组件
1096	聊天记录
1097	微信支付签约页
1099	页面内嵌插件
1102	公众号 profile 页服务预览
1103	发现栏小程序主入口，「我的小程序」列表（基础库2.2.4版本起废弃）
1104	微信聊天主界面下拉，「我的小程序」栏（基础库2.2.4版本起废弃）

对于小程序，可以在 App 的 onLaunch 和 onShow，或wx.getLaunchOptionsSync 中获取上述场景值。
对于小游戏，可以在 wx.getLaunchOptionsSync 和 wx.onShow 中获取上述场景值

部分场景值下还可以获取来源应用、公众号或小程序的appId。

Tip: 由于Android系统限制，目前还无法获取到按 Home 键退出到桌面，然后从桌面再次进小程序的场景值，对于这种情况，会保留上一次的场景值。

我们用两种方法获取场景值，一个是通过onLaunch和onShow的参数获得，一种是通过wx.getLaunchOptionsSync()函数获得，前面那种方法只需要知道周期函数的参数是什么就可以获得，我们看看wx.getLaunchOptionsSync()函数用法

Object wx.getLaunchOptionsSync()

基础库 2.1.2 开始支持，低版本需做兼容处理。

获取小程序启动时的参数。与 App.onLaunch 的回调参数一致。

返回值

Object

启动参数

属性	类型	说明
path	string	启动小程序的路径
scene	number	启动小程序的场景值
query	Object	启动小程序的 query 参数
shareTicket	string	shareTicket，详见获取更多转发信息
referrerInfo	Object	来源信息。从另一个小程序、公众号或 App 进入小程序时返回。否则返回 `{}`。(参见后文注意)

referrerInfo 的结构

属性	类型	说明
appId	string	来源小程序、公众号或 App 的 appId
extraData	Object	来源小程序传过来的数据，scene=1037或1038时支持

返回有效 referrerInfo 的场景

场景值	场景	appId含义
1020	公众号 profile 页相关小程序列表	来源公众号
1035	公众号自定义菜单	来源公众号
1036	App 分享消息卡片	来源App
1037	小程序打开小程序	来源小程序
1038	从另一个小程序返回	来源小程序
1043	公众号模板消息	来源公众号

注意

部分版本在无referrerInfo的时候会返回 undefined，建议使用 options.referrerInfo && options.referrerInfo.appId 进行判断。

通过这里我们可以知道，只要通过wx.getLaunchOptionsSync().scene就可以访问到启动小程序的场景值，接下来我们看看代码怎么写，

app.js代码：

//app.js
App({
    onLaunch(options){
        console.log("初始化成功1"),
        console.log("场景值为：",  wx.getLaunchOptionsSync().scene)
    },
    onShow(options) {
        console.log("后台进入前台")
        console.log(options)
        console.log("场景值为：", options.scene)
        
    },
    onHide(){
        console.log("前台进入后台")
    },
    "name": "llls",
})

运行后：

我们再切换到后台，通过扫描二维码进入，看场景值是不是对的上

结果和我们想象的一样，与官方解释一样的：

特别注意： wx.getLaunchOptionsSync()是获得小程序启动时的参数，这个说明参数中的场景值是一开始进入小程序的场景值，不管你之后是怎么进入小程序，这里的值是不变的，我们做一个测试，就在onshow函数中使用wx.getLaunchOptionsSync()函数， app.js代码如下

//app.js
App({
    onLaunch(options){
        console.log("初始化成功1"),
         console.log(options)
        console.log("场景值为：", options.scene)
    },
    onShow(options) {
        console.log("后台进入前台")
        console.log("场景值为：", wx.getLaunchOptionsSync().scene)
    },
    onHide(){
        console.log("前台进入后台")
    },
    "name": "llls",
})

运行：

我们再切换后台，通过扫描一维码进入小程序，结果

场景值不变，那是因为wx.getLaunchOptionsSync()参数的场景值是小程序初始化的场景值。

三，注册页面

页面 Page

Page(Object) 构造器

Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

Object 参数说明：

属性	类型	描述
data	Object	页面的初始数据
onLoad	Function	生命周期回调—监听页面加载
onShow	Function	生命周期回调—监听页面显示
onReady	Function	生命周期回调—监听页面初次渲染完成
onHide	Function	生命周期回调—监听页面隐藏
onUnload	Function	生命周期回调—监听页面卸载
onPullDownRefresh	Function	监听用户下拉动作
onReachBottom	Function	页面上拉触底事件的处理函数
onShareAppMessage	Function	用户点击右上角转发
onPageScroll	Function	页面滚动触发事件的处理函数
onResize	Function	页面尺寸改变时触发，详见响应显示区域变化
onTabItemTap	Function	当前是 tab 页时，点击 tab 时触发
其他	Any	开发者可以添加任意的函数或数据到 `Object` 参数中，在页面的函数中用 `this` 可以访问

接下来我们细讲这些要点

1. data

data 是页面第一次渲染使用的初始数据。

页面加载时，data 将会以JSON字符串的形式由逻辑层传至渲染层，因此data中的数据必须是可以转成JSON的类型：字符串，数字，布尔值，对象，数组。

渲染层可以通过 WXML 对数据进行绑定。

我们根据官方例程来讲解一下怎么使用，用法其实和大多数的模板语言类似，通过{{}}对键进行访问，访问该键对应的值，因为小程序首先进入的是index页面，我为了以后讲解后面的函数用法，我在另一个页面about页面做实验

about.js

Page({
  data: {
    text: '这是关于会员页面',
  }
})

about.wxml


{{text}}

我们运行一下，然后切换到about页面（我这里做了一个tar，不知道怎么做的详见我上一节）

可以看出，我们的text数据渲染完成。对了想到一个问题，要是数据是数组怎么访问？这个访问方式和普通的类似，我们先看看微信小程序的for循环怎么用，推荐博客：https://blog.csdn.net/qq_38191191/article/details/80927034

wx:for

在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。

默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item

在.js文件

data: {
languages: [
{ id: 1, name: 'php' },
{ id: 4, name: 'javascript' },
{ id: 3, name: 'golang' },
{ id: 2, name: 'python' },
{ id: 5, name: 'java' },
]
},

在.wxml中


下标:{{index}},ID:{{item.id}},name:{{item.name}}.

效果

使用 wx:for-item 可以指定数组当前元素的变量名，

使用 wx:for-index 可以指定数组当前下标的变量名：


{{idx}}:{{Name.id}}:{{Name.name}}

突然发现，看完这篇博客，遍历数组已经会了，我再看看我写的代码：

about.js(忽略周期函数部分)

// pages/about/about.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text:"这是关于会员页面",
       array: [
            {msg: 1 },
           { msg: 2 },
           { msg: 3 },
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log("监听页面加载")
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log("监听页面初次渲染完成")
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log("监听页面显示")
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log("监听页面隐藏")
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log("监听页面卸载")
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log("监听用户下拉动作")
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        console.log("页面上拉触底事件的处理函数")
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        console.log("用户点击右上角分享")
    }
})

about.wxml


{{text}}

{{array[0].msg}}


{{item.msg}}

运行后切换到about页面：

看这里我们已经访问了1 2 3，这里做一下说明，访问微信小程序的数据和我们平常的js数据差不多，数组下标是从0开始的，wxml文件中用到了block标签，这个标签是专门用来循环遍历的，初始数据我们就讲到这。

2. 生命周期回调函数

2.1 onLoad(Object query)

页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。

参数说明

名称	类型	说明
query	Object	打开当前页面路径中的参数

2.2 onShow()

页面显示/切入前台时触发。

2.3 onReady()

页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

注意：对界面内容进行设置的 API 如wx.setNavigationBarTitle，请在onReady之后进行。详见生命周期

2.4 onHide()

页面隐藏/切入后台时触发。如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。

2.5 onUnload()

页面卸载时触发。如redirectTo或navigateBack到其他页面时。

这几个函数我们只要知道什么时候触发，和触发的顺序就行，我们来用一个实例来说明， about.js文件：

// pages/about/about.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text:"这是关于会员页面",
       array: [
            {msg: 1 },
           { msg: 2 },
           { msg: 3 },
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log("监听页面加载")
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log("监听页面初次渲染完成")
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log("监听页面显示")
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log("监听页面隐藏")
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log("监听页面卸载")
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log("监听用户下拉动作")
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        console.log("页面上拉触底事件的处理函数")
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        console.log("用户点击右上角分享")
    }
})

运行程序，不切换到about页面

可以看出在其他页面是不会触发about页面的生命周期回调函数的，我们再切换到about页面

从这可以看出，执行顺序是先加载页面，然后在页面显示，然后再页面初次渲染完成。也就是先执行onload，其次是onshow，最后是onready。

我们再切换到后台

可以看出我们切换到后台时触发了onhide函数。而且发现页面的onhide触发时间先于app.js下的onhide

再次进入前台

发现执行了onshow函数，并没有触发onLoad， onReady函数，这也验证了官方说的这两个函数一个页面只会渲染一次。而且当我跳转到其他页面再次跳转回来时，也不会触发，只会触发onhide和onshow函数

3. 页面事件处理函数

3.1 onPullDownRefresh()

监听用户下拉刷新事件。

需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。
可以通过wx.startPullDownRefresh触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

我们先再在app.json下使能enablePullDownRefresh，

然后我们再想想怎么测试这个函数。

在这里我们提前学习setDate函数的使用：

Page.prototype.setData(Object data, Function callback)

setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。

参数说明

字段	类型	必填	描述	最低版本
data	Object	是	这次要改变的数据
callback	Function	否	setData引起的界面更新渲染完毕后的回调函数	1.5.0

Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 value。

其中 key 可以以数据路径的形式给出，支持改变数组中的某一项或对象的某个属性，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。

注意：

直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。
仅支持设置可 JSON 化的数据。
单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
请不要把 data 中任何一项的 value 设为 undefined ，否则这一项将不被设置并可能遗留一些潜在问题。

about.js文件

// pages/about/about.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text:"这是关于会员页面",
       array: [
            {msg: 1 },
           { msg: 2 },
           { msg: 3 },
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log("监听页面加载")
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log("监听页面初次渲染完成")
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log("监听页面显示"),
        this.setData({
            text: "从后台到前台"
        })
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log("监听页面隐藏"),
        this.setData({
            text:"从前台到后台"
        })
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log("监听页面卸载")
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log("监听用户下拉动作")
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        console.log("页面上拉触底事件的处理函数")
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        console.log("用户点击右上角分享")
    }
})

运行：

这里发现个小问题，就是页面初次加载的时候，就会调用onshow函数，所以一开始就显示从后台到前台，没事，我们改写了text的值就行不

接着我们测试监听用户下拉刷新事件。当用户下拉时显示用户下拉，

about.js代码

// pages/about/about.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text:"这是关于会员页面",
       array: [
            {msg: 1 },
           { msg: 2 },
           { msg: 3 },
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log("监听页面加载")
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log("监听页面初次渲染完成")
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log("监听页面显示")
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log("监听页面隐藏")
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log("监听页面卸载")
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log("监听用户下拉动作")
        this.setData({
            text: "用户下拉"
        })
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        console.log("页面上拉触底事件的处理函数")
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        console.log("用户点击右上角分享")
    }
})

运行并且切换到about页面。

用鼠标在屏幕上按住左键下来时

成功显示，

3.2 onReachBottom()

监听用户上拉触底事件。

可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。
在触发距离内滑动期间，本事件只会被触发一次。

详情博客：https://www.cnblogs.com/simba-lkj/p/6274232.html

3.3 onShareAppMessage(Object)

监听用户点击页面内转发按钮（

参数	类型	说明	最低版本
from	String	转发事件来源。 `button`：页面内转发按钮； `menu`：右上角转发菜单	1.2.4
target	Object	如果 `from` 值是 `button`，则 `target` 是触发这次转发事件的 `button`，否则为 `undefined`	1.2.4
webViewUrl	String	页面中包含组件时，返回当前的url	1.6.4

字段	说明	默认值	最低版本
title	转发标题	当前小程序名称
path	转发路径	当前页面 path ，必须是以 / 开头的完整路径
imageUrl	自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4。	使用默认截图	1.5.0

about.js代码：

// pages/about/about.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text:"这是关于会员页面",
       array: [
            {msg: 1 },
           { msg: 2 },
           { msg: 3 },
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log("监听页面加载")
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log("监听页面初次渲染完成")
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log("监听页面显示")
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log("监听页面隐藏")
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log("监听页面卸载")
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log("监听用户下拉动作")
        this.setData({
            text: "用户下拉"
        })
        wx.stopPullDownRefresh()
    },

    /**
     * 页面相关事件处理函数--监听用户上拉触底
     */
    onReachBottom: function () {
        console.log("监听用户上拉触底")
        this.setData({
            text: "上拉触底"
        })
    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function (res) {
        console.log("用户点击右上角分享")
        console.log(res)
        return {
            title:"自定义转发标题",
            path: "/pages/about/about",
            imageUrl:"/images/my.png"
        }
    }
})

测试，点击分享button，出现

点击左上角。。。的标志，出现转发

然后再转发

一样的效果。

3.4 onTabItemTap(Object)

基础库 1.9.0 开始支持，低版本需做兼容处理。

点击 tab 时触发

Object 参数说明：

参数	类型	说明	最低版本
index	String	被点击tabItem的序号，从0开始	1.9.0
pagePath	String	被点击tabItem的页面路径	1.9.0
text	String	被点击tabItem的按钮文字	1.9.0

about.js

// pages/about/about.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text:"这是关于会员页面",
       array: [
            {msg: 1 },
           { msg: 2 },
           { msg: 3 },
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log("监听页面加载")
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log("监听页面初次渲染完成")
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log("监听页面显示")
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log("监听页面隐藏")
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log("监听页面卸载")
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log("监听用户下拉动作")
        this.setData({
            text: "用户下拉"
        })
        wx.stopPullDownRefresh()
    },

    /**
     * 页面相关事件处理函数--监听用户上拉触底
     */
    onReachBottom: function () {
        console.log("监听用户上拉触底")
        this.setData({
            text: "上拉触底"
        })
    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function (res) {
        console.log("用户点击右上角分享")
        console.log(res)
        return {
            title:"自定义转发标题",
            path: "/pages/about/about",
            imageUrl:"/images/my.png"
        }
      },
      /**
     * 用户点击tab
     */
    onTabItemTap(item) {
        console.log(item.index)
        console.log(item.pagePath)
        console.log(item.text)
    }
})

运行，然后跳转到关于会员页面，出现

没错，是按照我们想要的效果显示了。

4. 组件事件处理函数

Page 中还可以定义组件事件处理函数。在渲染层的组件中加入事件绑定，当事件被触发时，就会执行 Page 中定义的事件处理函数。就是说你可以在视图层定义的标签绑定一个事件，当标签触发时，事件也同时触发了，

我们举个例子，在about页面定义一个view标签，当该标签被点击时触发viewTap函数，该函数在后台打印出view tap

about.wxml代码：


{{text}}

click me

about.js代码：

// pages/about/about.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        text:"这是关于会员页面",
       array: [
            {msg: 1 },
           { msg: 2 },
           { msg: 3 },
        ]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log("监听页面加载")
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log("监听页面初次渲染完成")
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log("监听页面显示")
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log("监听页面隐藏")
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log("监听页面卸载")
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log("监听用户下拉动作")
        this.setData({
            text: "用户下拉"
        })
        wx.stopPullDownRefresh()
    },

    /**
     * 页面相关事件处理函数--监听用户上拉触底
     */
    onReachBottom: function () {
        console.log("监听用户上拉触底")
        this.setData({
            text: "上拉触底"
        })
    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function (res) {
        console.log("用户点击右上角分享")
        console.log(res)
        return {
            title:"自定义转发标题",
            path: "/pages/about/about",
            imageUrl:"/images/my.png"
        }
      },
      /**
     * 用户点击tab
     */
    onTabItemTap(item) {
        console.log(item.index)
        console.log(item.pagePath)
        console.log(item.text)
    },
    viewTap(){
        console.log("view tap")
    }
})

5 Page.route

基础库 1.2.0 开始支持，低版本需做兼容处理。

到当前页面的路径，类型为String

这个呢，其实就是显示当前页面的路径，比如我点击about页面时显示应该是pages/about/about 我们做一个小测试，在onshow中调用route方法，即为this.route,

Page({
  onShow() {
    console.log(this.route)
  }
})

页面运行后，点击about页面，输出如下信息：

6. 生命周期

以下内容你不需要立马完全弄明白，不过以后它会有帮助。

下图说明了 Page 实例的生命周期

你可能感兴趣的:(wx)

使用python抽取post接口数据示例中台小A python python 开发语言
postman调用接口post接口https://inner-XXXXX.XXXXX.com/wXX/api/XXXXXctoryLake?user_key=XXXXXXXXXXXX，在boday的row里输入Jason格式的{"wasStartDay":"2024-09-03"}importrequestsurl='https://inner-XXXXX.XXXXX.com/wXX/api/XX
小程序通过js控制页面字体颜色属性祈澈菇凉
需求：当电量少于百分之20的时候，显示电量的字体显示为红色。1：在wxml里面设置属性batStyle：style="{{item.batStyle}}"电量:{{item.battery}}%2：当复合逻辑条件的时候，在js里面carList[i].batStyle="color:red";success:function(res){constcarList=res.data.list;for(
uniapp 获取各种小程序code 灵魂清零 uniapp 小程序
各种小程序在进入小程序是都需要去获取code才能拿到基础信息，自己记录一下用uniapp开发小程序是获取微信小程序、百度小程序、头条小程序、支付宝小程序的codeVue.prototype.$global={appLogin(){returnnewPromise((resole,reject)=>{varthat=this;varwxLoginUrl=app.globalData.url+"/lo
【AI小说推文工具】聚星文社小说推文一键生成工具原创高级推理教学聚星文社推文工具 AI作画 AIGC AI写作 gpu算力 gpt
小说推文一键生成工具原创高级推理教学聚星文社AIhttps://iimenvrieak.feishu.cn/docx/ZhRNdEWT6oGdCwxdhOPcdds7nof大家好！今天我要向大家介绍一款非常强大的小说推文一键生成工具，它可以帮助我们轻松创作出原创的高级推理故事。下面我将介绍一下如何使用这个工具来创作出令人惊叹的小说推文。第一步：选择故事背景和主题首先，我们需要确定故事的背景和主题。
Axure设计之全屏与退出全屏交互实现招风的黑耳 Axure axure 交互
在AxureRP中，设计全屏与退出全屏的交互功能可以极大地提升用户体验，尤其是在展示产品原型或进行演示时。本文将详细介绍如何在AxureRP中通过结合JavaScript代码实现全屏与退出全屏的交互效果。Axure原型设计web端交互元件库：https://1zvcwx.axshare.com一、设计思路全屏与退出全屏的交互设计主要依赖于JavaScript代码来控制浏览器的全屏模式。在Axure
微信小程序使用canvas画图保存图片到手机相册岩岩很哇塞！微信小程序微信小程序小程序 canva可画
微信小程序要实现使用canvas绘制一个图，然后保存到手机相册**最终效果：**实现生成以下图片一、初始化canvas//wxml页面设置canvas标签//js页面初始化canvasdata:{ctx:'',details:'',windowW:375*3,windowH:265*3,ratio:3,showCanvas:false},onLoad(options){this.setData({
html加载界面发送ajax请求足球数据分析 html ajax 前端
html加载界面发送ajax请求makeAjaxRequest();functionmakeAjaxRequest(){varxhr=newXMLHttpRequest();//创建一个新的XMLHttpRequest对象xhr.open('GET','yourUrlPath',true);//配置请求，设置请求类型、URL和是否异步xhr.send();//发送请求}
小程序云函数遇到的问题（未安装wx-server-sdk依赖 | errMsg: Environment not found）甜辣嘟嘟嘟前端
在学习小程序云开发中的云函数的时候，代码执行方面遇到了一些小小的问题。1.关于未安装wx-server-sdk依赖首先，在云函数中使用wx-server-sdk，需先调用初始化方法init一次，init用于设置接下来在该云函数实例中调用云函数、数据库、文件存储时要访问的环境。例如以下代码中，constcloud=require('wx-server-sdk')cloud.init({env:'te
Mac 技术篇-应用程序被锁定无法进行卸载问题解决方法，文件、文件夹被锁定无法移入废纸篓处理方法 lq9527_ Mac使用 macos
在卸载Karabiner-Elements和Karabiner-EventViewer软件时，提示应用锁定，无法卸载。参照方法。在进行/bin/ls-dleO@App路径操作后，返回提示信息与链接方法略有区别。/bin/ls-dleO@App路径drwxr-xr-x@3root wheel uchg96 3 1 2022/Applications/Karabiner-Elements.appcom
一招改掉孩子磨蹭的坏习惯路姐说
https://shop43404796.youzan.com/wscvis/knowledge/index?p=contentshow&alias=2xctkvk0tdnk4&kdt_id=43212628&reft=1572314576745_1572320684212&spm=f.80650183_uc.43212628_fake43212628&sf=wx_menu#/contentsho
ajax 获取一步数据,ajax异步获取数据可可子姐姐教英语 ajax 获取一步数据
functioncreateXHR(){if(typeofXMLHttpRequest!="undefined"){returnnewXMLHttpRequest();}elseif(typeofActiveXObject!="undefined"){varversion=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"];fo
微信分享到朋友圈,怎么自定义分享的标题,图片,内容? 八分造作
vartit=$('#wx-title').val();//标题varimg=$('#wx-img').val();//图片varcon=$('#wx-con').val();//简介varlink=$('#wx-link').val();//链接document.addEventListener('WeixinJSBridgeReady',functiononBridgeReady(){//发送
小程序——模板语法无敌CV工程师小程序小程序 apache 微信小程序前端
文章目录声明和绑定数据声明和修改数据修改对象类型数据修改数组类型数据数据绑定-简易双向绑定列表渲染-基本使用列表渲染-使用进阶条件渲染声明和绑定数据小程序页面中使用的数据均需要在Page()方法的data对象中进行声明定义在将数据声明好以后，需要在WXML中绑定数据，数据绑定最简单的方式是使用Mustache语法（双大括号）将变量包起来。在{{}}内部可以做一些简单的运算，支持如下几种方式：算数运
天猫超市优惠劵领取入口，淘宝各大活动优惠渠道分享氧惠全网优惠
天猫榜单是在手机天猫里面的精选商品查看，会有每天的销售榜单，每天更新实时好物，对于经常网购者来说很有参考价值，今天把优惠的渠道入口分享给大家，并奉上天猫的各种活动优惠入口；复制下条整条口令，打开淘宝就可以直达优惠会场！1、联盟热卖榜单会场€5bSodSvCfWX€2、天猫超市-首页,优质爆款天天抢€QvwYdSvCgNP€3、超级U选，精选爆款，官方补贴€QlSvdSvCe22€4、【百亿补贴】真
uniapp 获取当前位置和地理信息（微信小程序和APP）火星代码 uni-app 微信小程序小程序
一、在微信小程序中获取位置信息1、首先引入amap-wx.130.js文件，在项目中可以新建文件夹common，在下面引入该js文件2、在使用的页面引入该js，importamapfrom'@/common/amap-wx.130.js'exportdefault{data(){return{amapPlugin:null}}}3、获取定位信息（注意先需要申请高德地图的key）申请方式如下连接vu
使用Python和wxPython创建动态HTML日历生成器 winfredzhang python html xml 带照片和节假日信息的日历
在这个数字化时代,日历仍然是我们日常生活中不可或缺的工具。今天,我们将探讨如何使用Python创建一个动态HTML日历生成器。这个项目不仅实用,还能帮助我们深入理解Python编程、GUI开发和网页生成的相关知识。项目概述我们的目标是创建一个应用程序,允许用户选择特定的年份和月份,然后生成并显示一个美观的HTML日历。这个日历不仅显示日期,还会包含中国的主要节假日信息。C:\pythoncode\
【15.4 python中，wxPython框架的BoxSizer布局】 wang151038606 python语言入门学习 python 开发语言
python中，以wxPython框架为例，介绍一下BoxSizer布局在wxPython中，BoxSizer是一种常用的布局管理器，它允许你以水平或垂直的方式排列控件。BoxSizer会基于控件的请求大小以及容器中可用的空间来动态地调整控件的大小和位置。它非常适合于创建简单的一维布局，如工具栏、菜单栏或侧边栏等。在wxPython中，除了BoxSizer和GridSizer之外，还有其他几种si
微信小程序的四种弹窗使用少年负剑去开发知识微信小程序小程序
在做小程序的过程中，弹窗也算是非常实用的功能了，这几天写的几个功能就用到了弹窗，也可能是初学者的问题，比较菜，想找一个可以带图片的自定义的弹窗，，这里简单介绍一下官方封装好的四个弹窗，感觉适合简单的使用，，想在展示多点内容就不太够了。。一、wx.showModal微信小程序提供的用于显示模态对话框的API，它允许开发者创建一个居中显示的弹窗，用来显示重要信息或请求用户确认操作。参数说明：标题（ti
微信小程序之轮播图组件封装鱼在在 vue uni-app 微信小程序 javascript
目录封装组件——mp-rotationchat组件的属性与方法——swiper-rotation-chat.js组件的引入使用封装组件——mp-rotationchat文件目录components（所有组件位置）swiper-roatiton-chat（轮播图组件包）swiper-rotation-chat.wxmlswiper-rotation-chat.jspages（所有页面）index（初
C#WPF九宫格图片背景实例未来无限 C#WPF程序设计 c#wpf 开发语言九宫格背景图片
本文讲解C#WPF九宫格图片背景实例定义在WPF中实现九宫格图片（也称为边框或背景切片），通常是为了在控件背景上应用图像，并确保图像能够适应控件大小的变化。实例在WPF中设置一个控件的九宫格背景图片。创建项目添加文件夹，在文件夹中添加图片你需要在XAML中定义你的控件，并确保它有一个名字，以便在后台代码中引用。
小程序的三种弹框showToast、showModal、showLoading 前端-文龙刚小程序小程序
小程序常用的三种弹框有：showToast：消息提示框showModal：模态对话框showLoading：加载框第一：showToast：消息提示框默认的样式自定义icon图标具体代码如下：wx.showToast({title:'成功',//提示内容icon:'loading',//图标（success成功图标、error失败图标、loading加载图标、none不显示图标）image:'..
小程序将图片保存到本地前端-文龙刚小程序小程序 javascript 开发语言
wx.downloadFile({//先将图片下载下来url:canvasToTempFilePath,//图片地址success:function(res){//图片保存本地操作wx.saveImageToPhotosAlbum({filePath:res.tempFilePath,success:function(data){wx.hideLoading()wx.showToast({titl
PC电脑版《真三国无双8》最新版-单机游戏下载！ 2401_87320711 电脑游戏
游戏介绍：以一张幅员广阔的地图表现中国大陆的“开放世界”。除了维持一向轻松的操作感外，“新无双动作”更能以前所未有、万化自如的行动实现本系列以来最高等级的「一骑当千之爽快感」。再加上“众多的魅力武将”所交织成的宏伟「三国志」世界。融合了这些特点，可让玩家身临体验历史洪流的全新「真・三国无双」于此诞生！游戏截图：━好玩的单机游戏：https://pan.xunlei.com/s/VNwX7uYgH-
uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？爱吃玉米的螃蟹 uni-app 微信小程序小程序
创建一个js文件里面如下importVuefrom'vue'exportdefault{computed:{},onShow(){//分享到朋友圈一定要在onShow中wx.showShareMenu({withShareTicket:true,menus:['shareAppMessage','shareTimeline']})},//发送给朋友onShareAppMessage(res){va
Linux文件权限管理不屈的铝合金边学边记-linux linux 服务器运维 centos
1.文件权限位说明Linux文件或目录的基本权限位是由九个字符来控制的，每三位字符为一组。前三位是用户权限位中三位表示用户组权限位后三位表示其他用户权限位rwxr-xr-xuser（用户）group（用户组）others（其他用户）代表字符为u代表字符为g代表字符为o2.文件权限详细说明2.1普通文件对应权限的详细说明Linux系统中的权限对于文件和目录来说，是有一定区别的。普通文件对应的权限：权
Spring中FactoryBean的高级用法实战码到三十五 Spring全家桶 spring spring boot springcloud 数据挖掘大数据机器学习
❃博主首页：「码到三十五」，同名公众号:「码到三十五」，wx号:「liwu0213」☠博主专栏：♝博主的话：搬的每块砖，皆为峰峦之基；公众号搜索「码到三十五」关注这个爱发技术干货的coder，一起筑基文章目录前言基本用法创建多例对象创建代理获取原始FactoryBean利用SPI获取对象ServiceListFactoryBean获取所有SPI对象FactoryBean应用场景1.延迟初始化2.依
Linux系统文件权限详解_r---w-x转换成数字阿联开源面试程序员 linux 服务器运维
|—|—||1-3位|属主权限||1|属主权限的读||2|属主权限的写||3|属主权限的执行||4-6位|属组权限||4|属组权限的读||5|属组权限的写||6|属组权限的执行||7-9位|组外权限||7|组外权限的读||8|组外权限的写||9|组外权限的执行|比如：rwxr-xr–第一组（1-3位）：rwx（属主权限，读取、写入、执行）第二组（4-6位）：r-x（属组权限，读取、执行）第三组（7
收集的18行画爱心代码 2301_76183299 python 开发语言
importmathimportturtledefdrawx(k):return15*math.sin(k)**3defdrawy(k):return12*math.cos(k)-5*math.cos(2*k)-2*math.cos(3*k)-math.cos(4*k)turtle.setup(1.0,1.0)turtle.title('爱心射线')turtle.bgcolor('black')t
解决samba无权限创建文件问题嵌入式成长家 linux基础知识 samba 写文件权限
将我服务器利用samba工具映射到到电脑后，没有权限在特定的文件里写文件，比如在mcu这个文件夹里面没有写文件的权限。查看mcu文件夹的用户属性，属于root属性。root@zwzn2064-CVN-Z690D5-GAMING-PRO:/home/zwzn2064#ls-lltotal9714860drwxrwxr-x4zwzn2064zwzn206440963月1415:10bearpidrwx
微信小程序入门【三】：实现简单登录退出和个人信息页面山岫微信小程序微信小程序小程序
效果图预览这个框很是惆怅，但是真机调试没出现过，这个bug下次再解决吧。这次说说登录。效果图：附上代码：home.wxml-->-->-->-->Hi游客{{userInfo.nickName}}-->退出登录@技术支持：江阔jk921home.wxss/*pages/scroll/scroll.wxss*/.top{width:100%;height:400rpx;background-colo
项目中枚举与注解的结合使用飞翔的马甲 java enum annotation
前言：版本兼容，一直是迭代开发头疼的事，最近新版本加上了支持新题型，如果新创建一份问卷包含了新题型，那旧版本客户端就不支持，如果新创建的问卷不包含新题型，那么新旧客户端都支持。这里面我们通过给问卷类型枚举增加自定义注解的方式完成。顺便巩固下枚举与注解。一、枚举 1.在创建枚举类的时候，该类已继承java.lang.Enum类，所以自定义枚举类无法继承别的类，但可以实现接口。
【Scala十七】Scala核心十一：下划线_的用法 bit1129 scala
下划线_在Scala中广泛应用，_的基本含义是作为占位符使用。_在使用时是出问题非常多的地方，本文将不断完善_的使用场景以及所表达的含义 1. 在高阶函数中使用 scala> val list = List(-3,8,7,9) list: List[Int] = List(-3, 8, 7, 9) scala> list.filter(_ > 7) r
web缓存基础：术语、http报头和缓存策略 dalan_123 Web
对于很多人来说，去访问某一个站点，若是该站点能够提供智能化的内容缓存来提高用户体验，那么最终该站点的访问者将络绎不绝。缓存或者对之前的请求临时存储，是http协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这是受控于对该内容所声明的缓存策略。接下来将讨web内容缓存策略的基本概念，具体包括如如何选择缓存策略以保证互联网范围内的缓存能够正确处理的您的内容，并谈论下
crontab 问题周凡杨 linux crontab unix
一： 0481-079 Reached a symbol that is not expected. 背景： */5 * * * * /usr/IBMIHS/rsync.sh
让tomcat支持2级域名共享session g21121 session
tomcat默认情况下是不支持2级域名共享session的，所有有些情况下登陆后从主域名跳转到子域名会发生链接session不相同的情况，但是只需修改几处配置就可以了。打开tomcat下conf下context.xml文件找到Context标签,修改为如下内容如果你的域名是www.test.com <Context sessionCookiePath="/path&q
web报表工具FineReport常用函数的用法总结（数学和三角函数）老A不折腾 Web finereport 总结
ABS ABS(number):返回指定数字的绝对值。绝对值是指没有正负符号的数值。 Number:需要求出绝对值的任意实数。示例: ABS(-1.5)等于1.5。 ABS(0)等于0。 ABS(2.5)等于2.5。 ACOS ACOS(number):返回指定数值的反余弦值。反余弦值为一个角度，返回角度以弧度形式表示。 Number:需要返回角
linux 启动java进程 sh文件墙头上一根草 linux shell jar
#!/bin/bash #初始化服务器的进程PId变量 user_pid=0; robot_pid=0; loadlort_pid=0; gateway_pid=0; ######### #检查相关服务器是否启动成功 #说明： #使用JDK自带的JPS命令及grep命令组合，准确查找pid #jps 加 l 参数，表示显示java的完整包路径 #使用awk，分割出pid
我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory aijuans Spring 3 系列
如何使用ApplicationContext替换BeanFactory？ package onlyfun.caterpillar.device; import org.springframework.beans.factory.BeanFactory; import org.springframework.beans.factory.xml.XmlBeanFactory; import
Linux 内存使用方法详细解析 annan211 linux 内存 Linux内存解析
来源 http://blog.jobbole.com/45748/ 我是一名程序员，那么我在这里以一个程序员的角度来讲解Linux内存的使用。一提到内存管理，我们头脑中闪出的两个概念，就是虚拟内存，与物理内存。这两个概念主要来自于linux内核的支持。 Linux在内存管理上份为两级，一级是线性区，类似于00c73000-00c88000，对应于虚拟内存，它实际上不占用
数据库的单表查询常用命令及使用方法(-) 百合不是茶 oracle 函数单表查询
创建数据库; --建表 create table bloguser(username varchar2(20),userage number(10),usersex char(2)); 创建bloguser表,里面有三个字段 &nbs
多线程基础知识 bijian1013 java 多线程 thread java多线程
一．进程和线程进程就是一个在内存中独立运行的程序，有自己的地址空间。如正在运行的写字板程序就是一个进程。 “多任务”：指操作系统能同时运行多个进程（程序）。如WINDOWS系统可以同时运行写字板程序、画图程序、WORD、Eclipse等。线程：是进程内部单一的一个顺序控制流。线程和进程 a. 每个进程都有独立的
fastjson简单使用实例 bijian1013 fastjson
一.简介阿里巴巴fastjson是一个Java语言编写的高性能功能完善的JSON库。它采用一种“假定有序快速匹配”的算法，把JSON Parse的性能提升到极致，是目前Java语言中最快的JSON库；包括“序列化”和“反序列化”两部分，它具备如下特征：
【RPC框架Burlap】Spring集成Burlap bit1129 spring
Burlap和Hessian同属于codehaus的RPC调用框架，但是Burlap已经几年不更新，所以Spring在4.0里已经将Burlap的支持置为Deprecated,所以在选择RPC框架时，不应该考虑Burlap了。这篇文章还是记录下Burlap的用法吧，主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成
【Mahout一】基于Mahout 命令参数含义 bit1129 Mahout
1. mahout seqdirectory $ mahout seqdirectory --input (-i) input Path to job input directory(原始文本文件). --output (-o) output The directory pathna
linux使用flock文件锁解决脚本重复执行问题 ronin47 linux lock　重复执行
linux的crontab命令，可以定时执行操作，最小周期是每分钟执行一次。关于crontab实现每秒执行可参考我之前的文章《linux crontab 实现每秒执行》现在有个问题，如果设定了任务每分钟执行一次，但有可能一分钟内任务并没有执行完成，这时系统会再执行任务。导致两个相同的任务在执行。例如： <? // test .php
java-74-数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 bylijinnan java
public class OcuppyMoreThanHalf { /** * Q74 数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 * two solutions: * 1.O(n) * see <beauty of coding>--每次删除两个不同的数字，不改变数组的特性 * 2.O(nlogn) * 排序。中间
linux 系统相关命令 candiio linux
系统参数 cat /proc/cpuinfo cpu相关参数 cat /proc/meminfo 内存相关参数 cat /proc/loadavg 负载情况性能参数 1）top M：按内存使用排序 P：按CPU占用排序 1：显示各CPU的使用情况 k：kill进程 o：更多排序规则回车：刷新数据 2）ulimit ulimit -a：显示本用户的系统限制参
[经营与资产]保持独立性和稳定性对于软件开发的重要意义 comsci 软件开发
一个软件的架构从诞生到成熟，中间要经过很多次的修正和改造如果在这个过程中，外界的其它行业的资本不断的介入这种软件架构的升级过程中那么软件开发者原有的设计思想和开发路线
在CentOS5.5上编译OpenJDK6 Cwind linux OpenJDK
几番周折终于在自己的CentOS5.5上编译成功了OpenJDK6，将编译过程和遇到的问题作一简要记录，备查。 0. OpenJDK介绍 OpenJDK是Sun（现Oracle）公司发布的基于GPL许可的Java平台的实现。其优点： 1、它的核心代码与同时期Sun（-> Oracle）的产品版基本上是一样的，血统纯正，不用担心性能问题，也基本上没什么兼容性问题；（代码上最主要的差异是
java乱码问题 dashuaifu java乱码问题 js中文乱码
swfupload上传文件参数值为中文传递到后台接收中文乱码在js中用setPostParams（{"tag" : encodeURI( document.getElementByIdx_x("filetag").value，"utf-8")}）; 然后在servlet中String t
cygwin很多命令显示command not found的解决办法 dcj3sjt126com cygwin
cygwin很多命令显示command not found的解决办法修改cygwin.BAT文件如下 @echo off D: set CYGWIN=tty notitle glob set PATH=%PATH%;d:\cygwin\bin;d:\cygwin\sbin;d:\cygwin\usr\bin;d:\cygwin\usr\sbin;d:\cygwin\us
[介绍]从 Yii 1.1 升级 dcj3sjt126com PHP yii2
2.0 版框架是完全重写的，在 1.1 和 2.0 两个版本之间存在相当多差异。因此从 1.1 版升级并不像小版本间的跨越那么简单，通过本指南你将会了解两个版本间主要的不同之处。如果你之前没有用过 Yii 1.1，可以跳过本章，直接从"入门篇"开始读起。请注意，Yii 2.0 引入了很多本章并没有涉及到的新功能。强烈建议你通读整部权威指南来了解所有新特性。这样有可能会发
Linux SSH免登录配置总结 eksliang ssh-keygen Linux SSH免登录认证 Linux SSH互信
转载请出自出处：http://eksliang.iteye.com/blog/2187265 一、原理我们使用ssh-keygen在ServerA上生成私钥跟公钥，将生成的公钥拷贝到远程机器ServerB上后,就可以使用ssh命令无需密码登录到另外一台机器ServerB上。生成公钥与私钥有两种加密方式，第一种是
手势滑动销毁Activity gundumw100 android
老是效仿ios，做android的真悲催！有需求：需要手势滑动销毁一个Activity 怎么办尼？自己写？不用~，网上先问一下百度。结果： http://blog.csdn.net/xiaanming/article/details/20934541 首先将你需要的Activity继承SwipeBackActivity，它会在你的布局根目录新增一层SwipeBackLay
JavaScript变换表格边框颜色 ini JavaScript html Web html5 css
效果查看：http://hovertree.com/texiao/js/2.htm代码如下，保存到HTML文件也可以查看效果： <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码-何问起</title> </head> <body&
Kafka Rest : Confluent kane_xie kafka REST confluent
最近拿到一个kafka rest的需求，但kafka暂时还没有提供rest api（应该是有在开发中，毕竟rest这么火），上网搜了一下，找到一个Confluent Platform，本文简单介绍一下安装。这里插一句，给大家推荐一个九尾搜索，原名叫谷粉SOSO，不想fanqiang谷歌的可以用这个。以前在外企用谷歌用习惯了，出来之后用度娘搜技术问题，那匹配度简直感人。环境声明：Ubu
Calender不是单例 men4661273 单例 Calender
在我们使用Calender的时候，使用过Calendar.getInstance()来获取一个日期类的对象，这种方式跟单例的获取方式一样，那么它到底是不是单例呢，如果是单例的话，一个对象修改内容之后，另外一个线程中的数据不久乱套了吗？从试验以及源码中可以得出，Calendar不是单例。测试： Calendar c1 =
线程内存和主内存之间联系 qifeifei java thread
1， java多线程共享主内存中变量的时候，一共会经过几个阶段， lock:将主内存中的变量锁定，为一个线程所独占。 unclock:将lock加的锁定解除，此时其它的线程可以有机会访问此变量。 read:将主内存中的变量值读到工作内存当中。 load:将read读取的值保存到工作内存中的变量副本中。
schedule和scheduleAtFixedRate tangqi609567707 java timer schedule
原文地址：http://blog.csdn.net/weidan1121/article/details/527307 import java.util.Timer;import java.util.TimerTask;import java.util.Date; /** * @author vincent */public class TimerTest {
erlang 部署 wudixiaotie erlang
1.如果在启动节点的时候报这个错： {"init terminating in do_boot",{'cannot load',elf_format,get_files}} 则需要在reltool.config中加入 {app, hipe, [{incl_cond, exclude}]}, 2.当generate时，遇到： ERROR

微信小程序自学（二）-- 逻辑层（注册程序， 场景值， 注册页面）

逻辑层 App Service

一 注册程序

（1）App(Object)

1. onLaunch(Object)

2.onShow(Object)

3. onHide()

（2）getApp(Object)

二， 场景值

Object wx.getLaunchOptionsSync()

三， 注册页面

页面 Page

Page(Object) 构造器

1. data

wx:for

2. 生命周期回调函数

3. 页面事件处理函数

3.1 onPullDownRefresh()

Page.prototype.setData(Object data, Function callback)

3.2 onReachBottom()

3.3 onShareAppMessage(Object)

3.4 onTabItemTap(Object)

4. 组件事件处理函数

5 Page.route

6. 生命周期

你可能感兴趣的:(wx)

微信小程序自学（二）-- 逻辑层（注册程序，场景值，注册页面）

一注册程序

二，场景值

三，注册页面