分类归档

小程序

FWQ
小程序
微信小程序之传值取值方法总结
微信小程序 传值取值小程序里常见的取值有以下几种,一个完整的项目写下来,用到的概率几乎是100%。列表index下标取值页面传值form表单取值1. 列表index下标取值实现方式是:data-index=”pw_index”挖坑及e.currenttarget.dataset.index来填坑即可1.1 生成值 <image></image><text>删除</text> 登录后复制 在删除图标与文字添加data-index=”pw_index”自定义属性以及绑定点击事件bindtap=”delete” <image></image><text>删除</text> 登录后复制 实现delete方法,取到index下标值。 图片:1.png delete: function (e) {   var index = parseInt(e.currentTarget.dataset.index);   console.log("index" + index); } 登录后复制 如果不使用e.currentTarget而使用e.target会怎样?将会导致仅点中 才能输出index值,点子元素 或 将输出NaN。 图片:2.png 那target有什么用呢,用于区分子元素与外部元素要分别处理时,比如换用户头像的场景,点击头像本身预览大图,而头像所在的点整一行,将是切换头像。 图片:3.png 关于二者区别的详情说明,请见文档:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html 1.2 取出值 试图从index数据中找出相应元素删除地址 // 找到当前地址AVObject对象…
2024-11-25 阅读全文 →
FWQ
小程序
C#微信开发之接收 / 返回文本消息原理与实现方法
本文微信开发之接收 / 返回文本消息原理与实现方法,具有一定的参考价值,下面跟着小编一起来看下吧 接收 / 返回文本消息 ①接收/返回文本消息原理说明 当普通微信用户向公众账号发消息时,微信服务器将POST消息的数据包到开发者填写的URL上,着手开发之前先行阅读微信公众平台接收普通消息微信开发文档,对微信的这种消息处理机制有一定了解之后再着手开发(微信开发接收普通消息开发文档) 注意点: 1、关于重试的消息排重,推荐使用msgid排重。 2、微信服务器在五秒内收不到响应会断掉连接,并且重新发起请求,总共重试三次。假如服务器无法保证在五秒内处理并回复,可以直接回复空串,微信服务器不会对此作任何处理,并且不会发起重试。详情请见“-被动回复消息”。 3、为了保证更高的保障,开发者可以在公众平台官网的开发者中心处设置消息加密。开启加密后,用户发来的消息会被加密,公众号被动回复用户的消息也需要加密(但开发者通过客服等调用形式向用户发送消息,则不受影响)。关于消息加解密的详细说明,请见“消息加解密说明”。  POST到开发者服务器上边的XML格式为:  <xml>  <tousername></tousername>  <fromusername></fromusername>   <createtime>1348831860</createtime>  <msgtype></msgtype>  <content></content>  <msgid>1234567890123456</msgid>  </xml> 登录后复制  数据包参数说明:  返回文本消息的XML格式:  <xml><tousername></tousername><fromusername></fromusername><createtime>12345678</createtime><msgtype></msgtype><content></content></xml> 登录后复制 返回文本消息数据包参数说明: ②接收/返回文本消息代码实现…
2024-11-25 阅读全文 →
FWQ
小程序
浅析微信小程序中自定义组件的方法
微信小程序中怎么自定义组件?下面本篇文章给大家介绍一下微信小程序中自定义组件的方法,希望对大家有所帮助! 在微信小程序开发过程中,对于一些可能在多个页面都使用的页面模块,可以把它封装成一个组件,以提高开发效率。虽然说我们可以引入整个组件库比如 weui、vant 等,但有时候考虑微信小程序的包体积限制问题,通常封装为自定义的组件更为可控。 并且对于一些业务模块,我们就可以封装为组件复用。本文主要讲述以下两个方面: 组件的声明与使用 组件通信 组件的声明与使用 微信小程序的组件系统底层是通过 组件框架实现,它内置在小程序的基础库中,小程序内的所有组件,包括内置组件和自定义组件都由 Exparser 组织管理。 自定义组件和写页面一样包含以下几种文件: index.json index.wxml index.wxss index.js index.wxs 以编写一个 tab 组件为例: 编写自定义组件时需要在 json 文件中讲 component 字段设为 true: {…
2024-11-25 阅读全文 →
FWQ
小程序
为什么注册好的小程序搜索不到
小程序搜索不到一般有以下几种原因: 1、小程序审核通过后,还需要登录微信小程序平台“点击发布”这一项,在发布后的两小时内才可以搜索到自己的小程序,可以首先尝试一下此方法。 2、发布后,也查询不到,主要是关键词设置出现了问题!所以你必须事先了解影响小程序排名的几个因素 a、小程序上线时间越早,排名就会越靠前。 b、微信小程序用户使用的数量越多,排名就会越靠前。 c、完全匹配出现关键词次数越多,排名就会越靠前。 d、小程序的名称作为核心关键词语,排名就会越靠前。 e、小程序中的关键词出现1次,并且整体标题的字数越短的话,排名就会越靠前。 推荐:《》 以上就是为什么注册好的小程序搜索不到的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
浅谈微信协议相关总结
微信web协议分析(微信网页版 wx2.qq.com)1.打开首页,分配一个随机uuid,2.根据该uuid获取二维码图片。3.微信客户端扫描该图片,在客户端确认登录。4.浏览器不停的调用一个接口,如果返回登录成功,则调用登录接口5.此时可以获取联系人列表,可以发送消息。然后不断调用同步接口。6.如果同步接口有返回,则可以获取新消息,然后继续调用同步接口。源码地址:github.com/biezhi/wechat-robot执行流程       +————–+     +—————+   +—————+       &nbs 1. 简介:1.打开首页,分配一个随机uuid, 2.根据该uuid获取二维码图片。 3.微信客户端扫描该图片,在客户端确认登录。 4.浏览器不停的调用一个接口,如果返回登录成功,则调用登录接口 5.此时可以获取联系人列表,可以发送消息。然后不断调用同步接口。 6.如果同步接口有返回,则可以获取新消息,然后继续调用同步接口。 2. 简介:通过本教程给大家分享微信开发协议总结说明的相关知识,非常不错,具有一定的参考借鉴价值,感兴趣的朋友一起看看吧 3. 简介:在新的微信协议中,开发模式也可以接入客服系统。 开发者如果需要让用户使用客服系统,需要在接收到用户发送的消息时,返回一个MsgType为transfer_customer_service的消息,微信服务器在收到这条消息时,会把用户这次发送的和以后一段时间内发送的消息转发客服系统。  返回的消息举例如下 以上就是浅谈微信协议相关总结的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序的圆形进度条怎么做
这次给大家带来微信小程序的圆形进度条怎么做,实现微信小程序的圆形进度条的有哪些,下面就是实战案例,一起来看一下。 需求概要 小程序中使用圆形倒计时,效果图: 思路 使用2个canvas 一个是背景圆环,一个是彩色圆环。 使用setInterval 让彩色圆环逐步绘制。 解决方案 第一步先写结构 一个盒子包裹2个canvas以及文字盒子; 盒子使用相对定位作为父级,flex布局,设置居中; 一个canvas,使用作为背景,canvas-id=”canvasProgressbg” 另一个canvas,使用相对定位作为进度条,canvas-id=”canvasProgress” 代码如下: // wxml <view class="container"> <view class='progress_box'> <canvas class="progress_bg" canvas-id="canvasProgressbg"> </canvas> <canvas class="progress_canvas" canvas-id="canvasProgress">…
2024-11-25 阅读全文 →
FWQ
小程序
微信搜索不到公众号是什么原因
无法搜索到公众号可能是因为以下几种情况: 1、未设置头像,名称无法被搜索到 若微信公众账号未设置头像,建议先设置微信公众账号头像。 温馨提醒:帐号修改头像后需要24小时同步时间,建议您在24小时以后尝试。 2、是否在公众号后台设置了禁止被搜索 若微信公众帐号昵称无法被搜索到,建议您查看是否设置了禁止被搜索,请您通过以下方法查看和设置; 设置方法:登录微信公众微信平台->设置->帐号信息->隐私设置->允许。  3、帐号信息登记审核中、未审核通过、封号、冻结、注销等 若您的微信公众号信息登记审核中/未审核通过、公众号违规被封/冻结、或公众号被注销时,他人在手机微信->添加朋友->“搜索号码”或“查找公众号”中输入您的公众号名称,是无法搜索到您公众帐号的,仅在“搜号码”输入微信号时可以查找到您的公众帐号。 4、通过微信搜公众号昵称的逻辑 通过搜号码搜索公众号具体显示是由系统随机匹配,目前暂支持显示20个公众号。 以上就是搜索不到公众号是什么原因的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序购物商城系统的开发之目录结构的介绍
这篇文章主要介绍了微信小程序购物商城系统开发系列-目录结构介绍,有兴趣的可以了解一下。 上一篇我们简单介绍了一下微信小程序的IDE(微信小程序购物商城系统开发系列-工具篇),相信大家都已经蠢蠢欲试建立一个自己的小程序,去完成一个独立的商城网站。 先别着急我们一步步来,先尝试下写一个自己的小demo. 这一篇文章我们主要的是介绍一下小程序的一些目录结构,以及一些语法,为我们后面的微信小程序商城系统做铺垫。 首先我们来了解下小程序的目录结构Pages 我们新建的一些页面将保存在这个文件夹下面,每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。 Utils 我们写的一些公共的工具js可以放里面。 app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。 {  "pages":[   "pages/index/index",   "pages/logs/logs"  ],  "window":{   "backgroundTextStyle":"light",   "navigationBarBackgroundColor": "#fff",   "navigationBarTitleText": "WeChat",   "navigationBarTextStyle":"black"  } } 登录后复制 注:app.json中是对整个小程序的全局设置,当然每个页面也有自己的json文件。每个页面下的json文件只能对window 进行设置,所以页面json文件下只需写入window的配置即可 {…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序页面滑动屏幕加载数据的实例详解
这篇文章主要为大家详细介绍了微信小程序页面滑动屏幕加载数据效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 滑动屏幕加载数据是任何小程序中都会用到的功能,本文我就将这个功能整理给大家,希望对大家有意。我们先看看效果图: 创建目录 首先我们现在项目中创建资讯目录,以下是我自己创建的目录,大家可以根据自己的需求创建。如图所示: 创建lists.js文件 以下是lists.js代码 var app = getApp() Page({  data: {   newsList: [],   lastid: 0,   toastHidden: true,   confirmHidden: true,   isfrist: 1,   loadHidden: true,   moreHidden: 'none',   msg: '没有更多文章了'  },  loadData: function (lastid) {   //显示出加载中的提示   this.setData({ loadHidden: false })   var limit = 10   var that = this   wx.request({    url: 'http://127.0.0.1:9090/hpm_bill_web/news/getnewslist', //数据接口    data: { lastid: lastid, limit: limit },    header: {     'Content-Type': 'application/json'…
2024-11-25 阅读全文 →
FWQ
小程序
[小程序]开发的第一个小程序之经验分享
豆瓣API 这几天看了下小程序的文档,然后花了点时间写了个没什么含量的小程序。本来想自己写下api接口,但是小程序请求的域名既要求备案又要求https,太麻烦遂放弃。后来选择了豆瓣api,又发现小程序屏蔽了豆瓣的api,好在网上有大神架了代理服务器。 有了豆瓣的API,打算做一个类似小本子,记录一些自己看过的电影,然后从豆瓣拉取相关的评分和海报。无奈豆瓣API提供的海报最大的分辨率也很低,导致小程序观感极差,但是也没有办法啊,毕竟用的是别人的东西…… 修改data中子对象的属性 在使用wx.request后获得的数据要写入Page的data,与Vue.js不同的是,小程序需要调用this.setData,同时里面如果写入时修改到的对象里面的属性,应定义一个变量连接对象和属性合成的字符串,再通过中括号[]将其包起来。例如: var temp='person.name'; ...... this.setData({     [temp]:'Mike' }) 登录后复制 评分星星化 在界面中涉及到评分的star化,这里采用了一个比较笨的方法。就是准备星星可能的三种状态的图片,然后根据分数算出具体的分数数组,最后遍历该数组,对应每一颗星星应该展示的状态。 <block>     <image></image>     <image></image>     <image></image></block> 登录后复制 模版的一个小坑 在这里使用了小程序的模版template。需要注意的是这里有一个坑,模版的文件名字和模版里的name必须一致。 网络延时带来的问题 在页面渲染时,有可能因为网络问题导致豆瓣数据返回不够及时,然后进一步导致页面模版设置数据时,data里的值不是需要的值。这里纠结了很久,最后选择了一个相当不优雅的做法,即将设置相关数据的函数延时了2秒后执行。如果豆瓣数据能在2秒内返回,那么问题看起来解决了,如果2秒内没有获得有效数据,问题就并没有解决。再者,2秒对用户体验绝对有相当大的影响,但是这里也不知道该用什么办法解决… 没有用到的日历 在小程序的初期,本来打算实现日历点击跳转到对应电影页面的功能,后来觉得不好便没做,不过日历倒是实现了一遍。思路比较清晰,先获取当前时间,并计算出当前月份的第一天和最后一天分别对应的是星期几,接着再计算第一天前和最后一天后应该还应该显示几天。然后将上个月的、这个月的、下个月的连接成一个数组,接着根据数组分周: for (var i = 0; i <p>接着渲染:</p><pre class="brush:js;toolbar:false;"><view>     <block>       <view>…
2024-11-25 阅读全文 →