微信小程序落地比较好的场景,微信小程序技术路线

Page({ // 页面第一次渲染使用的初始数据 data: { text: "This is page data." }, onLoad: function(options) { // 生命周期回调—监听页面加载 }, onShow: function() { // 生命周期回调—监听页面显示 console.log(this.route)//页面路由 }, onReady: function() { // 生命周期回调—监听页面初次渲染完成 }, onHide: function() { // 生命周期回调—监听页面隐藏 }, onUnload: function() { // 生命周期回调—监听页面卸载 }, onPullDownRefresh: function() { // 监听用户下拉动作 }, onReachBottom: function() { // 页面上拉触底事件的处理函数 }, onShareAppMessage: function (options) { // 用户点击右上角转发 if (options.from === 'button') { // 来自页面内转发按钮 console.log(res.target) } return { title: '自定义转发标题', path: '/page/user?id=123' } }, onShareTimeline: function () { // 用户点击右上角转发到朋友圈 }, onAddToFavorites: function (options) { // 用户点击右上角收藏 // webview 页面返回 webviewUrl console.log('WebviewUrl: ', options.webviewUrl) return { title: '自定义标题', imageUrl: 'http://demo.png', query: 'name=xxx&age=xxx', } }, onPageScroll: function(options) { // 页面滚动触发事件的处理函数 }, onResize: function() { // 页面尺寸改变时触发 }, onTabItemTap(item) { // 当前是 tab 页时，点击 tab 时触发 console.log(item.index) console.log(item.pagePath) console.log(item.text) }, //开发者可以添加任意的函数或数据到 Object 参数中，在页面的函数中用 this 可以访问 //页面<view bindtap="viewTap"> click me </view>处理函数 viewTap: function() { this.setData({ text: 'Set some data for updating view.' }, function() { // this is setData callback }) },})