分类归档

小程序

FWQ
小程序
注册了微信小程序怎么找不到
注册了小程序怎么找不到? 打开微信软件,点击右下角的“我”,点击“设置”选项。 点击“通用”选项,点击“发现页管理”选项。 将小程序右边的开关打开即可,也可打开或关闭其他页管理功能。 以上就是注册了小程序怎么找不到的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
手把手带你在小程序中实现保存图片组件功能
本篇文章带大家聊聊保存图片,希望对大家有所帮助! 许多微信小程序通过保存海报让用户去分享活动让更多的人知道自己的小程序,想必在平时开发小程序的时候应该有遇见过吧。【相关学习推荐:】 今天我就来分享下之前在公司做的一个小程序保存海报的功能。首先我先描述下之前在公司做的需求是什么样的。公司上线的小程序会有一个长期的活动目的就是去推广新用户,每个用户都要有一张属于自己的海报,通过个人海报去推广则只是单纯的一种方式。 接到任务后,我也先去万能互联网做了调查但是我的师兄和我说这个做过类似的但是当时只是单纯为了完成任务所以代码很乱,然后他就从其他项目的代码找呀找,然后找到了给我~~~ 而当时给到我的时间紧任务重呀只好先用着调整一些并且交差了。之后呢我就根据网上的文章然后一步一步踩坑,一步一步走实现了一个保存海报的组件。 思路 首先声明下组件采用的是uniapp,具体实现了可以绘制图片、绘制文字以及保存海报至相册的基本功能,在开发中这些也完全够用了。 通过canvas绘制海报。通过uni.canvasToTempFilePath 将绘制好的 canvas转为图片。通过uni.saveImageToPhotosAlbum 将本地临时路径的图片保存至手机相册中。而我的想法是将所有采用的方法全部封装到组件中,只通过父组件去调用需要使用的方法和调整相关的参数即可。 具体使用可以查看示例代码 通过canvas绘制海报内容的顺序先后问题 通过使用promise对象决定绘制海报内容的顺序先后。promise.all()方法进行canvas最后一步的绘画操作 context.draw() 注意uni.getImageInfo() 在绘制图片 和 头像时,组件通过uni.getImageInfo() 去获取图片的相关信息,调用该方法成功的前提是需要在微信小程序后台配置download域名和request域名当然最好把uploadFile域名也一起配置,防止出差错。但是官方给出的提示是配置download域名白名单即可,但是获取不到图片信息,这算是一个大坑了。 如果没有进行相关配置,在调试时 或者 体验版 正式版等 打开了vconsole调试工具。uni.getImageInfo() 是可以获取到图片信息的,一旦关闭了vconsole uni.getImageInfo() 将会fail, 也是个坑。 本组件方法,变量介绍 props canvasInfo…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序之页面跳转传值的案例
这篇文章主要介绍了微信小程序 页面跳转传值实现代码的相关资料,这里分析实现的条件及实例代码,需要的朋友可以参考下 微信小程序 页面跳转传值实现代码 微信小程序的页面路径只能是五层; 现在场景如下: index(首页)打开新页面 list(列表)打开新页面search(条件查询)确定条件返回 list(列表); 这里有个限制,微信只能打开五层网页,意味着:在search页面点击确定的时候是要返回上一页: wx.navigateBack(OBJECT) 登录后复制 该api是无法带参数返回上一页的,微信给出的方法是在全局变量里面添加对象;(真特么操蛋) app.js加入变量search search:'', 登录后复制 后续js头部全部添加 let $ = getApp() 登录后复制 index.js中: 每次重置 onShow: function () {   $.search='';   }, 登录后复制 list.js中: 每次视图出现重置list集合,微信小程序保留上一次的集合,然后获取search对象,进行查询操作 onShow: function () { …
2024-11-25 阅读全文 →
FWQ
小程序
公众号怎么一次发多篇文章
公众号怎么一次发多篇文章? 打开微信公众平台,点击左侧的“素材管理”——点击“新建图文素材”,开始编辑第一篇文章。 编辑完第一篇文章之后,点击左侧第一篇文章下面的“+”号,点击“图文消息”,即可编辑第二篇文章。 第三步,多篇文章一起发布,我们叫做“多图文”,难道多图文就没有数量限制吗?当然是有的,多图文最多可以发布8篇,无论订阅号还是服务号。 做完多图文后,点击“保存并群发”,关注自己公众号的人就可以收到推文了。建议:在群发前,先点击预览——发送到手机上预览,在自己手机上查看下效果,以手机预览效果为准。 以上就是公众号怎么一次发多篇文章的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信开发入门(二)微信小程序开发工具使用与设计规范
本篇你可以学习到: 如何使用小程序开发工具写一个Hello World 微信小程序设计规范 微信小程序项目结构 》》》微信小程序开发工具使用 下载安装小程序 下载 :微信web开发者工具 下载:官方DEMO源码 本系列教程使用的是mac版的开发者工具。 安装完成后,打开微信web开发者工具 1.扫码登录,绑定个人微信  2.扫码登录后,新建或导入已有项目(这里使用官方提供的DEMO源码quickstart)  3.新建项目,导入刚下载的quickstart项目   由于只有接收到内测邀请的企业或个人,才有AppID,所以一定记得选『无AppID』 4.新建成功,看看开发工具的庐山真面目   是不是非常像chrome开发者模式。。。 5.开发工具【调试】介绍   『调试』模块主要包括选择调试机型、选择网络类型、控制台输出、网络资源、视图定位、断点等 6.开发工具【编辑】介绍   左边红色框为项目结构目录,右边为代码编辑区,每次改动保存后,点击『编译』就可以浏览到修改后的页面效果。 7.新建文件夹或文件   鼠标放置到文件夹上,右边会出现『+』图标,点击添加文件夹或文件   》》》小程序设计规范(摘自微信小程序设计指南) 友好礼貌 为了避免用户在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序在设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向用户展示程序提供的服务,友好地引导用户进行操作。 重点突出每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容,在确定了重点的前提下,应尽量避免页面上出现其他干扰项影响用户的决策和操作。  清晰明确 一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游刃有余地穿梭而不迷路,这样才能为用户提供安全的愉悦的使用体验。…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发入门(四)触控事件
》》》什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如id, dataset, touches。 》》》事件分类 touchstart 手指触摸 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如弹窗和来电提醒 touchend 手指触摸动作结束 tap 手指触摸后离开 longtap 手指触摸后后,超过350ms离开 》》》事件绑定 事件绑定的写法同组件的属性,以 key、value 的形式。 key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstart value…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序图片选择区域裁剪实现方法
本篇文章主要介绍了微信小程序图片选择区域屏裁剪实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 本文介绍了微信小程序图片选择区域屏裁剪实现方法,分享给大家。具体如下: 效果图 HTML代码 <view>  <view>  <view>开始裁剪</view>  <view>点击上传图片</view>  <view>点击确认</view>  </view>  <!-- 选择裁剪模式 -->  <view>  <view>   等屏裁剪  </view>  <view>   区域裁剪  </view>  </view>  <view>  <slider></slider>  </view>  <view>  <view>   <image></image>  </view>…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序-getUserInfo回调的介绍
这篇文章主要介绍了微信小程序-getuserinfo回调的实例详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下 微信小程序-getUserInfo回调的实例详解 前言: 这里就不吹嘘微信小程序有多厉害了,毕竟也不是我写的,直接谈谈我在做小程序开发时遇到的奇异Bug。 getUserInfo多次调用: 对于wx.getUserInfo应该很多开发者都用过,用于获取用户基本信息,前提是需要用户授权,如果用户先前没有授权,则弹出一个提示框如下: 点击允许后,我们就能拿到用户信息,再进行后面的一系列操作。这一切看起来都是那么美好,可是在某次运行中,点允许授权后,程序并没有按照我们的预期往下执行。最后发现在其他的地方也调用一次了wx.getUserInfo方法,并且只执行了其中一个授权成功的回调。假设是如下代码: 结论: 1. 如果用户已授权: A B C都会被打印。 2. 用户未授权:点击允许后,A B C三个其一会被随机打印。 当然最好不要在多处同时调用wx.getUserInfo方法,不然遇到这个问题会很头疼。我对这个问题的看法是,多次调用getUserInfo方法只会产生一个弹窗的实例,所以点击允许时,只执行一次回调也很正常,但是随机执行其中一个方法就很奇怪了。 解决方法: 1. 不同时调用wx.getUserInfo方法,需要同时调用的情况少之又少。 2. 封装一个getUserInfo方法,把传入的回调方法存入数组,在授权成功/失败的回调中遍历调用后清空数组。 以下是测试环境: 微信开发者工具版本:v1.01.170925 基础库版本: 1.3.0 以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!…
2024-11-25 阅读全文 →
FWQ
小程序
nodejs开发微信小程序实现密码的加密
本文给大家分享的是在使用开发微信小程序的过程中,实现密码加密的示例代码,非常简单,有需要的小伙伴可以参考下 微信小程序开发–实现密码加密具体步骤: 在utils中的util.js 文件中增加 函数 实现 字符串转换为16进制加密后的字符串: function encodeUTF8(s) { var i, r = [], c, x; for (i = 0; i &gt; 6 &amp; 0x1F), 0x80 + (c &amp; 0x3F)); else { if ((x = c ^ 0xD800) &gt;&gt; 10 == 0) //对四字节UTF-16转换为Unicode c = (x &gt; 18 &amp; 0x7), 0x80 + (c &gt;&gt; 12 &amp; 0x3F)); else r.push(0xE0 + (c &gt;&gt; 12 &amp; 0xF)); r.push(0x80 + (c &gt;&gt; 6 &amp; 0x3F), 0x80 + (c &amp; 0x3F)); }; return r; }; // 字符串加密成 hex 字符串 function sha1(s) { var data = new Uint8Array(encodeUTF8(s)) var i, j, t; var l = ((data.length + 8) &gt;&gt;&gt; 6 &gt; 2] |= 0x80 &gt;&gt; (32 - c); }, k = [1518500249, 1859775393, -1894007588, -899497514], m = [1732584193, -271733879, null, null, -1009589776]; m[2] = ~m[0], m[3] = ~m[1]; for (i = 0; i <p></p><p>导出函数</p><p class="jb51code"></p><pre…
2024-11-25 阅读全文 →
FWQ
小程序
详解微信小程序从子页面退回父页面时的数据传递过程
我们知道,在微信小程序中,从一个页面转到另一个页面,一般情况下可以通过navigate或redirect时候的url来携带参数,然后在目标页面的onload函数参数中获取这些url参数。例如: // 源页面A相关代码 wx.navigateTo({   url: "/pages/mypage/mypage?a=1&amp;b=2" }) // 目标页面B相关代码 Page({   onLoad: function (options) {     var a = options.a; // 值:1     var b = options.b; // 值:2   } }) 登录后复制 但是,这种方式只有在目标页面还没有创建的时候,才有效。因为一个页面的onLoad方法在页面的生命周期中,只执行一次。 我们来考虑一下以下场景: 1. 在【页面A】中调用wx.navigateTo方法跳转到【页面B】 2. 然后从【页面B】返回【页面A】, 并将【页面B】中的一些数据传回【页面A】 登录后复制 举个更实际点的例子,如下图所示,我在这个表单页面A中填写数据: A页面 然后这个页面上,有一个搜索按钮,点击该按钮,将跳转到另一个证券代码搜索页面B: 页面B 当我在这个搜索列表中选中一个证券代码后,将返回到上一个表单页面,继续我未完成的表单填写与提交操作。 这种场景是非常合理和常见的。 但是,我们来想一下,怎么在退出页面B,返回页面A的时候,把页面B中选中的证券代码回传给页面A呢?使用navigateTo()中url携带参数的方式?…
2024-11-25 阅读全文 →