
微信小程序
文章平均质量分 50
wgcc
网站开发、运营
展开
-
微信小程序传值以及获取值方法
微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法,1、设置id的方法标识跳转后传递的参数值;2、通过使用data - xxxx 的方法来标识要传递的值微信小程序设置id的方法标识来传值在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部电影的id(后面带着id去下一个页面查询,详细信息)如:后我们在js的bindtap转载 2016-11-29 10:39:29 · 137070 阅读 · 5 评论 -
小程序web-view组件
不久前微信小程序发布了web-view组件,这个消息在各个圈里引起不小的涟漪。近期正好在做小程序的项目,便研究了一下这个让大家充满期待的组件。 1,web-view这个组件是什么鬼?官网的介绍:web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。简单来说,这个组件是一个和当前页面一样大小的容器,容器里显示的是属性src引用的url的内容。类似于html中的iframe框架转载 2018-01-19 16:41:54 · 3201 阅读 · 0 评论 -
微信小程序之转发流程详解
信小程序之获取转发到群信息微信小程序转发是个有意思的流程,涉及以下4个方法:Page.onShareAppMessage({})设置右上角“转发”配置,及转发后回调函数返回 shareTicket 票据wx.showSahreMenu()用户点击右上角后,显示“转发”按钮wx.hideShareMenu()隐藏转发按钮,无视 Page.onShareAp转载 2018-01-24 15:30:36 · 3978 阅读 · 0 评论 -
做了4个微信小程序后,我总结了一个快速开发流程
小程序在2017年1月9号全量发布,楼主团队在10月份开始着手研究小程序官网文档,12月初团队的第一个小程序项目—“王者荣耀赛事小程序”项目需求正式立项,12月20日第一个成型的版本制作完毕,以下开发流程示意图:超高清大图戳:www.uisdc.com(有同学疑问为什么是12月20制作了第一版?当时微信公开课定在28号,我们猜其可能当天发布小程序,于是原计划定在20号时完成完整版,有充转载 2017-08-28 16:18:19 · 36827 阅读 · 5 评论 -
小程序获取用户信息方式更新了!!
为提升用户体验,小程序再次开放两项新能力!获取用户信息 开发者需在小程序页面中放置按钮,用户主动点击后才可获取用户的头像昵称等信息。可提高用户授权成功率,同时支持用户多次点击重新授权。此前,我们第一次打开任意小程序的时候,都会跳出授权界面,点击确定小程序就能获取用户的微信头像、昵称等信息。 虽然取消授权也能继续使用小程序,但是例如电商小程序,用户没有授权就无法下单购物,转载 2017-08-11 10:47:53 · 7480 阅读 · 0 评论 -
微信小程序处理用户拒绝授权情况及微信登录,登录保存等系列解决方案
在微信小程序开发时,当我们调用API wx.getUserInfo(OBJECT) 时,需要用户授权。但如果用户拒绝授权,我们如何兼容用户拒绝授权状态,拥有更好的用户体验呢?先看看这个接口的官方文档:wx.getUserInfo(OBJECT) 获取用户信息,需要先调用 wx.login 接口。OBJECT参数说明:参数名类型必填说明转载 2017-07-18 18:16:06 · 29377 阅读 · 0 评论 -
微信小程序 页面跳转和数据传递实例详解
微信小程序 页面跳转和数据传递1.先导在Android中,我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面。微信小程序页面跳转有四种方式: 1.wx.navigateTo(OBJECT); 2.wx.redirectTo(OBJECT); 3.wx.switchTab(OBJECT); 4.wx.navigateBack(OBJ转载 2017-05-25 14:13:02 · 1215 阅读 · 0 评论 -
小程序中 判断当前首页是从其他页面返回,还是由入口打开
由于小程序的数据在我们退出小程序时并没有得到释放,因此再次点击开来数据依然没有变成初始化 解决方法:在小程序 data 数据中声明一个变量 isClose 默认为 true 用于判断 是否为从入口打开,当点击跳转页面或者关闭小程序的时候,会触发OnHide 函数在此函数中将判断 isClose is true 的时候即为关闭之后在打开,当跳转页面时首先将isClose 设置为 fals转载 2017-05-25 11:25:34 · 13801 阅读 · 0 评论 -
微信小程序页面跳转无效
wx.navigateTo(OBJECT) 不会销毁当前页面,仅仅是将其hide,使用wx.navigateBack可以返回到原页面。wx.redirectTo(OBJECT) 销毁当前页面,跳转到应用内的其他页面。我们有时候会发现,其他的地方都好好的能跳转,可是为啥突然就无效那呢?原因:检查你要跳转的位置是否在app.js中注册过。检查你要跳转的地址是否有误。经常都转载 2017-05-15 10:45:32 · 19249 阅读 · 13 评论 -
微信小程序页面跳转三种方式
为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式。页面跳转的话就涉及到了多个页面层级第一种:wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。 OBJECT参数说明:参数 类型 必填 说明 url String 是 需要跳转的应用内页面的路转载 2017-05-15 10:44:26 · 68555 阅读 · 1 评论 -
微信小程序-wx:key理解
个人感觉官方给出的例子不是很明确,官方解释如下:wx:key如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 中的输入内容, 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供字符串,代表在 for 循环的 array 中 item 的某个 property,该 prop转载 2016-12-23 18:04:33 · 19942 阅读 · 0 评论 -
微信小程序,大多数人都搞错的八个问题
小程序目前被炒得沸沸扬扬,无数媒体和企业借机获取阅读流量。这再次证明一点,微信想让什么火,真的就能让什么火。这种能力真是全中国再也没有人有了,政府也没有。但四处传的消息很多是失真的,废话不说,先列出8个多数人都搞错的问题:1.小程序是HTML5;2.小程序是B/S的;3.把M站改改就可以接入到小程序里;4.小程序体验不佳;5.小程序适合低频长尾应用;6.转载 2016-11-25 13:22:00 · 1904 阅读 · 0 评论 -
微信小程序 数据访问实例详解
先简单说一下,小程序的结构如图所示1、每个视图(.wxml)只需要添加对应名字的脚本(.js)和样式(.wxss)就可以了,不需要引用,page下面的脚本以及样式都是继承至最外面的app.js , app.wxcss2、脚本也就是.js文件,他有固定格式:page,是用于获取数据的3、utils是用来放置数据接口的数据访问,如果懂点ajax,都不是问题,没啥好讲的微转载 2016-11-25 11:28:18 · 60216 阅读 · 4 评论 -
微信小程序-消息提示框实例
做Android的时候对toast是很熟悉的.微信小程序开发中toast也是重要的消息提示方式.提示框:wx.showToast(OBJECT)显示消息提示框OBJECT参数说明:示例代码:wx.showToast({ title: '成功', icon: 'success', duration: 2000})wx.hideToast()转载 2016-12-02 15:25:40 · 73643 阅读 · 2 评论 -
微信小程序 页面跳转 传递参数
微信小程序的页面跳转,页面之间传递参数笔记. 先上demo图: 为了简化逻辑,所以index.wxml里面只写了两个text.既然是跳转,那就还有其他页面.目录如下:三个页面,但是代码很简单.直接上代码. 跳转到新页面 在当前页打开 index.wxml中的UR转载 2016-11-29 15:01:50 · 1653 阅读 · 0 评论 -
微信小程序request请求实例,网络请求。
最近微信小程序开始开放测试了,小程序提供了很多api,极大的方便了开发者,其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api。官方参数说明如下OBJECT参数说明:参数名类型必填说明urlString是开发者服务器接口地址dataObject、Str转载 2016-11-29 14:01:01 · 5662 阅读 · 1 评论 -
微信小程序的ajax数据请求wx.request
使用小程序官方提供的数据请求api发起数据请求wx.request(OBJECT)wx.request发起的是https请求。一个微信小程序,同时只能有5个网络请求连接。OBJECT参数说明:参数名类型必填说明urlString是开发者服务器接口地址dataObject、String否请求的参数转载 2016-11-29 10:46:09 · 22602 阅读 · 0 评论 -
小程序里如何使页面自动滚动到底部
在更新数据后,以及初次进入页面,希望页面停留在最底部// 获取容器高度,使页面滚动到容器底部 pageScrollToBottom: function() { wx.createSelectorQuery().select('#j_page').boundingClientRect(function(rect){ // 使页面滚动到底部 wx.pageScr...转载 2018-03-14 15:41:13 · 14568 阅读 · 1 评论