微信页面

在做微信公众号页面开发里，遇到一个问题。 就是我现在有个数据叫做money，在a页面里面显示money，在b页面里面操作money，比如说提现。我现在提现完之后，在b页面我们通过点击微信自带的返回或者手机上的返回跳转到a页面，money的数额并没有变化。因为它并没有刷新。我们怎么在a页面监控到它是从b页面返回来的呢？ 下面是我在网上找的几种方法，经本人测试，只有最后一个方法是有用的。其他的，如果各位测试有效，欢迎留言。 方法1：利用history+popstate 原文地址： 很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法 主要代码如下： $(function () { pushHistory(); var bool = false; setTimeout(function () { bool = true; }, 1500); window.addEventListener("popstate", function (e) { if (bool) { alert("我监听到了浏览器的返回按钮事件啦"); //根据自己的需求实现自己的功能 } pushHistory(); }, false); function pushHistory() { var state = { title: "title", url: "#" }; window

平常开发中可能会用到，当页面滑动到某一个位置时，需要固定导航栏或者某个元素在顶部位置，向上滑动又会回归原位，方法特别好实现，在小程序自带的方法 onPageScroll中可以得到滑动距离顶部的距离，在data公共数据中定义scrollTop,代码如下 onPageScroll: function (t) { var a = this; // console.log(t.scrollTop) a.setData({ scrollTop:t.scrollTop }) }得到滑动距离后，当页面滑动超出需要固定元素距离顶部的距离后使用css样式控制其定位，我写的是一个可以左右滑动的导航栏，因此为要在scroll-view中定义 class="{{scrollTop>758 ? 'rel' : 'nav'}}"，758就是我需要定义的模块距离顶部的距离，当超过这个距离就会执行css的rel样式 position: fixed; top:52px; 自己记录开发中的小问题，欢迎大家指正

在微信里面打开app的指定页面，考虑到使用Url Scheme，可是微信已经禁止了，但是通过浏览器可以实现， 最终是在微信里面让用户通过打开浏览器，使用安卓或者IOS开发者提供的协议短链， 如贴吧APP，协议为：com.baidu.tieba:// ，微信的：weixin:// 实现在浏览器中打开app指定页面，通过传递不同的参数实现跳转不同的页面 而对于点击链接后，能否直接打开，可以通过下面的代码来实现。 js代码 document.querySelector("#linkApp").onclick = function(){ setTimeout(function(){ window.location.href = "com.baidu.tieba://" //唤起APP },2000); window.location.href = "download.html" //2秒内没有唤起，表示手机中没有该APP，去下载页 } 能否在微信中打开浏览器可以用 NiceTool 工具实现 工具地址：http://www.nicejump.cn/ 使用教程： ①：输入需要在微信中打开的网址链接。（需要唤起APP页面的链接） ②：点击生成按钮，生成转换后的链接和二维码。 ③：复制生成后的链接或者扫一扫二维码即可。 可以用这个工具测试一下，免费

一、微信小程序右上角有个转发按钮 可以分享转发当前页面到群或者微信好友。 右上角胶囊按钮》转发 转发可以配置转发是路径参数，可以自定义转发是图片内容。 在onShareAppMessage事件中监听转发按钮，或者自定义转发按钮的转发事件。 注意：这个事件，是在添加页面的时候，自动会生成的。 /** * 用户点击右上角分享 */ onShareAppMessage: function() { } 二、如何隐藏页面自带的“转发”按钮。 解决方案：将此事件监听，从页面中删除就可以了。 从手机端查看： 从微信开发者工具中查看： 更多： Ajax上传控件封装，支持图片简介、支持图片前台压缩1 微信小程序授权获取手机号，提示获取失败，该appId没有权限 微信小程序实现纵向滚动块--scroll-view 来源： oschina 链接： https://my.oschina.net/u/2332115/blog/1938787

微信小程序由于适用性强、逻辑简要、开发迅速的特性，叠加具有海量活跃用户的腾讯公司背景，逐渐成为了轻量级单一功能应用场景的较佳承载方式，诸如电影购票、外卖点餐、移动商城、生活服务等场景服务提供商迅速切入了。 为了贴合实际的应用情况，本篇以豆瓣评分小程序为参考样例，边做边学小程序的入门开发知识。 Ŀ¼ 效果图Demo源码开发环境了解官方样例 开发者工具 样例源码结构开发实战 底部Tab卡页 分析开发需求 评分条模板 rpx长度单位 数据绑定 条件渲染 列表渲染 电影海报模板 模板的使用 区块模板 主页 网络请求 逻辑实现 setData 点击事件 详情页 更多页扩展知识思考题 效果图 先看一下对比效果图，共三个页面，分别为首页、更多页和详情页， 左侧为豆瓣评分官方小程序，右侧为仿作。 因API数据问题，没有做搜索功能。 主页 img 更多页 img 详情页 img Demo源码 本篇完整源码已提交在: https://github.com/cnwen/wechatapp_movie 开发环境 调试基础库：1.9.91（2018.03.07） 微信开发者工具：Windows版v1.02.1802270 了解官方样例 打开微信开发者工具，新建一个小程序项目。 1.选择项目代码存放的目录； 2.填入你的小程序AppID（若无AppID请点击“注册”获取，也可选择“体验小程序”

微信小程序，js页面中任意声明一个数组 在数组后面操作： 添加：push() 删除：pop() 在数组前面操作： 添加：unshift() 删除shift() 代码示例 /** * 页面的初始数据 */ data: { array:[], }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var arr=this.data.array; console.log(arr); arr=[1,2,3]; console.log(arr); arr.push(4,5);//往后面添加元素 console.log(arr); arr.pop();//删除最后的元素 console.log(arr); arr.unshift(-1,0)//往前面添加元素 console.log(arr); arr.shift();//删除最前面的元素 console.log(arr); }, 打印结果 至于修改和查询。。。 来源： https://blog.csdn.net/u011643463/article/details/102777825

一、默认情况下小程序页面有一套自己的导航系统 1.可以设置导航标题，字体颜色、背景颜色等 2.对于简单的小程序，有时需要全屏处理页面。隐藏navigationBar的部分 二、处理方式 1.app.json 配置中可以设置页面是否启用导航栏 navigationStyle String default 导航栏样式，仅支持 default/custom。 custom 模式可自定义导航栏 ，只保留右上角胶囊状的按钮 微信版本 6.6.0 注：navigationStyle 只在 app.json 中生效 。开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版本，只供调试用） 可方便切到旧视觉 2.使用示例： { "pages": [ "pages/test1/test", "pages/index/index", "pages/logs/logs" ], "window": { "backgroundTextStyle": "light", "navigationStyle": "custom" } } 微信小程序富文本图片处理二 微信小程序腾讯视频插件使用整理 微信小程序扫码接口，wx.scanCode(OBJECT) 更多小程序资讯了解： http://www.jnqianle.cn/info/ 来源： oschina 链接：

onLoad：页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参数 onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数 onHide：页面隐藏，例如使用 wx.navigateTo 只是打开新页面 并不关闭原页面 onUnload：页面被卸载，例如使用 wx.redirectTo 重定向一个页面 原页面已经关闭 当初始化或打开一个新页面时 先执行onLoad，然后执行onShow 但是对于Tab页面，又是不一样的 从A第一次请求到B 是onHide然后是onLoad、onShow 第二次请求则不执行onLoad，因为B页面已经被缓存了，所以当你想看到新页面时只能使用onShow来刷新 来源： https://www.cnblogs.com/ll15888/p/11640460.html

图解微信小程序---实现页面的跳转与返回操作 代码笔记 操作步骤 第一步 ：在 app.json 配置文件中，创建跳转页面 第二步 ： 编写首页跳转 （ 注意跳转方式，和设置点击样式类名 ） 第三步 ： 编写首页样式 第四步 ： 编写 nv 页面 第五步 ：编写 nv 页面样式 第六步 ： 因为首页挑战使用了的 ？ 占位符进行传参 ， 所以编写 js 获取参数 第七步 ： 编写 re 页面 （ 需要设置返回跳转，因为跳转过来时，设置了 open-type 属性值为 redirect ） 第八步 ： 编写 re 页面样式 第九步 ： 因为首页跳转过来了也传递了参数 ， 所以编写 js 获取参数 优化 第一步 ： 把我们跳转 navigator 放在 view 中 ， 解决点击跳转没有样式变化的问题 第二步 ： 增加样式美化跳转触发 来源： https://www.cnblogs.com/cainiao-chuanqi/p/11604275.html

一、回退上一级页面 beforePage 返回页面同时需要刷新数据 var pages = getCurrentPages(); //当前页面 var beforePage = pages[pages.length - 2]; //前一页 wx.navigateBack({ success: function () { beforePage.onLoad(); // 执行前一个页面的onLoad方法 } }); 二、回退 3 级页面 wx.navigateBack 当我们页面跳转到三级页面后，点击左上角的返回按钮，能够直接返回到首页 wx.navigateBack 这个方法可以返回界面 在 onUnload 触发的时候可以执行。但是我发现这个方法确实可以回到首页，但是他会一个一个界面返回，不能直接返回到首页 onUnload:function(){ wx.navigateBack({ delta: 3 }) } 正常 A -> B -> C 都是通过 wx.navigateTo 跳转的，所以 wx.navigateBack 只能返回上一界面，如果要返回到A 界面就会出现 C -> B -> A 的效果。 如果想实现 A -> B -> C 当 C 点击返回时， 实现直接 C -> A 这种效果就只能 A -> B 通过 wx.navigateTo 跳转 B -> C 通过 wx