分类归档

小程序

FWQ
小程序
解密与思考Rax 小程序运行时方案
栏目介绍Rax 小程序运行时的方案。 2020 年 3 月,暨支持编译时方案之后,rax 小程序发布了支持运行时方案的版本。截至目前,rax 仍是业界唯一一个同时支持编译时和运行时方案的小程序开发框架。本文将向大家介绍 rax 小程序运行时方案的原理以及我们的思考。 回顾编译时方案 介绍运行时方案之前,我们再回顾下什么是编译时方案。顾名思义,编译时方案侧重于编译,这其中的代表框架是 Taro v2.x。其通过静态编译的方式,将 JSX 转换为小程序的模板语言(即 WXML/AXML 等),再辅以轻量级的运行时 JS 代码,抹平小程序生命周期和 React 生命周期的差异,使用户能够以熟悉的 React DSL 进行小程序开发。Rax 的编译时方案原理与 Taro v2.x…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发中怎样实现电商购物车逻辑
给大家分享一个关于小程序购物车全选的逻辑处理,这个还是要感谢我的老妹教导我,一个开发人员做东西一定要严谨,不管UI设计的有多丑,该有的逻辑你一定要做到。 首先我们要做到的就是,当用户点击第三个商品时 全选按钮自动选中,或者全选之后,只要有一个商品不选中,全选按钮也得变动。先给大家看一下代码: 你要在页面onload时候定义一些你需要每次渲染的数据 data: { likeList: [], carts:[], // 购物车列表 hasList:false, // 列表是否有数据 //totalPrice:0, // 总价,初始为0 selectAllStatus:false, // 全选状态,默认全选, goodsNums:0, allclick:[] } 每件商品单个选中的的逻辑处理 selectList(e) {   const index = e.currentTarget.dataset.index;// 获取每一个点击的购物车ID  let carts = this.data.carts,   selected = carts[index].select,   all = this.data.allclick;   carts[index].select = !selected; carts[index].select == true ? all.push(index):all.splice(index,1); all.length == carts.length ? this.setData({   selectAllStatus: true}):this.setData({   selectAllStatus: false});   this.getTotalPrice(); }, 登录后复制 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序的定位在变化
  1 年前的微信公开课,张小龙提出要做应用号,经过 8 个月的研发,小程序(应用号)开始内测。如果你有观察从内测至今微信小程序提供的 api、后台功能等的变化,你会发现,似乎过去 2 个月微信团队做的事比之前 8 个月还要多。微信团队有 1000 多人,参与小程序项目的人也至少有二三十人,如果这是一个创业公司的项目,显然一年的开发周期太长了。况且,微信团队已经有数年做公众平台的经验,这样一个平台,如果纯开发,可能一两个月就能完成。是什么原因导致 1 年后才发布当初被外界期待万分的应用号?我的理解是,微信团队也在推演小程序的定位,在过去一年,尤其是内测前的 8 个月,他们可能推翻了多个版本。  1.1 给服务号接棒的小程序  虽然服务号上诞生了招商银行、朝夕日历、助理来也、Yoli 口语等优秀的服务号,但不可否认的是,服务号生态远远没有订阅号的繁荣。  我们能轻松查到,像一条、二更、新世相等公司,通过运营订阅号,获得了丰厚的融资,订阅号领域也出现了很多周边服务,比如 WeMedia,这家为订阅号提供服务的公司已经在新三板上市;比如新榜,这家公司汇聚了非常多的订阅号数据。  前面提到的 3 个订阅号,他们初期只做了订阅号,获得了投资,但你几乎没有听到多少公司是「只」做了服务号,然后做得不错而获得投资。  虽然我们不能只从一小部分产品获得融资的情况去判断某个平台是否足够繁华,但毋庸置疑的是,整个订阅号生态被曝光、被投资的总量相对服务号多了几个数量级。  如果订阅号是微信无心插柳缔造了一个新的创业生态,那么服务号显然是微信想仿照订阅号的路线,把内容之外的东西,也连接到微信,这些内容之外的东西,就是服务。  可惜的是,服务号发展得远远没有订阅号好,但微信从战略层面上,是希望连接一切的,如果服务号没有很好地解决「微信连接一切」的目的,是否应该有新的产品来完成这个使命?  我相信,这是小程序(应用号)诞生的背景之一,它要接棒服务号,连接更多服务和场景。  1.2连接新场景的小程序   利用小程序提供的框架和 API,开发出来的程序体验是优于 HTML5 的,于是在 9 月底刚开始内测时,业界就出现了很多争论,包括小程序会不会替代…
2024-11-25 阅读全文 →
FWQ
小程序
小程序与微信公众号如何对接
小程序与微信公众号对接的方法:1、公众号可以把自己关联的小程序放在自定义菜单中,用户点击可以直接跳到小程序;2、公众号模版消息可打开相关小程序,众号运营者可以推送关联的小程序页面。 【相关学习推荐:】 小程序与微信公众号对接的方法: 1、公众号可以把自己关联的小程序放在自定义菜单中,用户点击可以直接跳到小程序。 2、公众号模版消息可打开相关小程序。通过公众号,公众号运营者可以推送关联的小程序页面了。 3、公众号绑定相关小程序时,可选择给粉丝下发通知。公众号运营者可以通知粉丝,“我绑定了这个小程序”,粉丝点击消息就可以打开小程序。(此消息不占用原有群发条数) 还有一种是让别人的公众号可以跳转到你的小程序,但要让对方的公众号关联你的小程序才行。 相关学习推荐: 以上就是小程序与微信公众号如何对接的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序顶部可滚动导航效果
如何做一个小程序之做头部做导航分类效果,下面小编给大家分享实现代码,需要的朋友参考下吧,希望能帮助到大家。 顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,内容用类似模板方式引用,可重复利用 <scroll-view>  <view>   {{item.name}}  </view></scroll-view>  <block> <include></include> </block>  <block> <include></include> </block>  <block> <include></include> </block>  <block> <include></include> </block>  <block> <include></include> </block>  <block> <include></include> </block>  <block> <include></include> </block> 登录后复制 PS:下面看下小程序动态设置顶部导航条的方法 摘要 之所以记录这个,是因为在做一个小程序项目时,老板需要我在一个页面上index,在不同的时间段顶部导航的颜色需与背景相同。刚开始在老板未要求之前我都是想这样做的,但是我百度方法一直未找到正确且合适的,所以我懵逼了,就偷偷懒用一个固定颜色就好了。哪知道后来老板看项目成果时提出看法说“顶部的颜色与背景色不同感觉不好看,是否可以同不同时间段的背景色一样”,唉~老板不知我的痛,没办法只有听老板的,所以我又认真的看API了,终于看到了。 感觉这个需求会在我之后的项目中会用到,所以在这里做个笔记, 1.动态设置当前页面的标题  wx.setNavigationBarTitle(OBJECT) object参数说明: 1.属性:title – 类型:String – 必填:是…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发录音机、音频播放、动画
本文主要和大家分享微信小程序开发录音机、音频播放、动画,希望能帮助到大家。 1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. 2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画. 其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和微信语音是一样的.60秒. 3.我在录音完成后才加载列表. 下图就是从微信存储的文件里获取到的列表信息.有储存路径,创建时间,文件大小. 这里的文件可能不只是音频.这里我没做判断.下面的路径都是wx:file//store_… 我也去找了下.在Tencent/micromsg/wxafiles/wx…./这一级目录就能找到了. 时间是格式化之后的.文件大小是B,转成KB如下. 手机目录如下.但是打开之后播放不了.目前原因不明. 下面是文件全名称. 1.tempFilePath : 录音之后的临时文件.第二次进入小程序就不能正常使用了. 2.savedFilePath :持久保存的文件路径.值得注意的是微信只给100M的储存空间.还是尽早上传到后台吧. 4.播放录音音频. 点击item就能听到你的声音了.别被自己吓住.哈哈. 上代码: 1.index.wxml <!--index.wxml-->   <scroll-view>   <view>   <block>       <view>           <view>               <view>   …
2024-11-25 阅读全文 →
FWQ
小程序
公众号可以转移主体吗?
公众号不支持直接变更主体,但公众平台推出帐号迁移功能,通过此功能可将a帐号的粉丝、违规记录、文章素材(可选)、微信号(可选)迁移至b帐号;例如帐号a迁移至b,那迁移完成,a帐号被回收,b帐号获得a帐号的粉丝等信息继续使用,但主体还是b。 在公众号经营过程中,有的公司一开始没有注意到公众号主体的事情,常常以个人的名义进行注册或运营,但当个人离职或跳槽时,就不好办了,所以极有必要进行主体变更的操作。那么如何进行公众号主体的转移? 目前公众号主体变更,只能通过公众号迁移。 公众号不支持直接变更主体。公众平台推出帐号迁移功能,通过此功能可将A帐号的粉丝、违规记录、文章素材(可选)、微信号(可选)迁移至B帐号。 温馨提示:例如帐号A迁移至B,那迁移完成,A帐号被回收,B帐号获得A帐号的粉丝等信息继续使用,但主体还是B。 帐号迁移仅对粉丝、违规记录、文章素材及微信号做迁移,若A帐号已开通原创保护功能、留言管理功能,则功能也会迁移(原帐号文章的原创标识、精选留言会迁移),其他的内容及功能无法迁移(包括微信支付、流量主、模板消息等)。 粉丝迁移完成后,旧帐号将会回收,无法恢复,因此在帐号迁移之前请确保旧帐号的功能可以直接停用或已经转存。 微信公众号主体迁移方法 1、打开微信公众平台,登录要迁移的帐号, 2、在通过验证后,进入帐户信息页,打开 账号迁移, 3、在 账号迁移页面,进行 迁移的操作, 4、在弹出的迁移协议页,进行 同意的操作, 5、为了便于后期管理,建议连公众号对于的微信ID一起迁移,填写上目标账号,然后进行 验证, 6、要实现公众号迁移,新的主体必须是通过认证的账号,不清楚的话,可以点击 最简洁的指引, 7、在迁移指引页面,朋友们可以根据相应步骤,准备相关的资料,通过审核就会迁移成功的.一般需要3天时间哦! 公众号迁移涉及到双方信息和公证,只有完成公众号迁移的相应的手续,才可完成公众号的迁移。 迁移后,原来的公众号留言功能和粉丝都会迁移到新的账号。 以上就是公众号可以转移主体吗?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序通过保存图片分享到朋友圈的功能实现
这篇文章主要介绍了关于微信小程序通过保存图片分享到朋友圈的功能实现,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 小程序内是不能直接分享到朋友圈的。所以只能通过生成图片,携带小程序二维码,保存到手机相册,让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。下面小编给大家分享实现代码,需要的朋友参考下吧 说明 首先说明一点,小程序内是不能直接分享到朋友圈的。所以只能通过生成图片,携带小程序二维码,保存到手机相册,让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。参考市面上支持分享的应用,基本都是这种实现方式。 准备阶段 1.通过服务器获取小程序码 这里可以参考下微信的官方文档,给后台指定的参数和路径等信息,让后台生成指定的小程序码。然后调用wx.getImageInfo将后台生成的小程序码保存起来。 注意一定要仔细看下微信的文档,如果生成小程序码的路径正式服务器不存在,将会生成失败。这点也很蛋疼,很不方便调试。 wx.getImageInfo({               src:'https://xxx.jpg',//服务器返回的带参数的小程序码地址   success: function (res) {     //res.path是网络图片的本地地址     qrCodePath = res.path;   },   fail: function (res) {     //失败回调   } }); 登录后复制 1.通过canvas绘制所需信息 准备好所有的图片之后就可以通过canvas绘制了,然后再将canvas导出为图片。关于绘制这块,可以参考微信的canvas api,下面的基本都是查着api的方法走的。 其中需要注意的有几点。 1.是不知道绘出来的文字长度,所以不知道文字到底什么时候该换行,所以针对商品标题,可能多行的数据固定了一行18个字符。 2.是关于绘制图片的导出,按照官方api的说法应该在draw()完成的回调中执行,但是通过 canvasCtx.draw(false,function(res){ }); 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
详解微信小程序支付功能开发错误总结
这篇文章主要介绍了微信小程序 支付功能开发错误总结的相关资料,需要的朋友可以参考下 微信小程序 支付功能开发错误总结 微信小程序支付终于踩完坑了,发现里面坑挺大的,现在发个贴,希望以后入坑的同学可以看一下 : https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=2 业务流程在这里大家看文档的时候可以看到。第一个坑,获取用户的openid,参数一定要拼在url连接上,否则会报{“errcode”:40013,”errmsg”:”invalid appid, hints: [ req_id: iil1ba0504ns86 ]”}错误 onLoad: function () { var that = this wx.login({ success: function (res) { if…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实现删除处理的案例
这篇文章主要为大家详细介绍了微信小程序删除处理的相关代码,用小程序里的模态框实现删除,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 没有 confrim 那怎么实现这个效果呢? 可以使用小程序里的模态框 代码: wxml: <a>删除</a> 登录后复制 js:  del:function(e){   var that = this;   wx.showModal({   title: '提示',   content: '确定要删除吗?',   success: function (sm) {    if (sm.confirm) {    // 用户点击了确定 可以调用删除方法了    wx.request({     url: 'https://m.*****.com/index.php/Home/Xiaoxxf/home_comment_del?c_id=' + e.currentTarget.dataset.cid, //删除房间评论     data: '',     header: {     'Content-Type': 'application/json'     },     method: 'GET',     success: function (res) {     console.log(res);     wx.showToast({…
2024-11-25 阅读全文 →