![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 61
Qianmo_er
Code changes the world and programming enjoys the future!
展开
-
【微信小程序】wx-charts 图表插件
wx-charts微信小程序主流的图表工具基于 Canvas,体积小wx-charts插件无法在组件内使用。原创 2024-01-29 16:50:47 · 2248 阅读 · 1 评论 -
【微信小程序】下载后端返回的文件流
responseType: “arraybuffer”, 请求后端的二进制文件流 必须要加这段声明 ,否则会导致下载的文件打不开或者打开空白。原创 2024-01-29 16:23:08 · 557 阅读 · 0 评论 -
【微信小程序】实现打开并下载服务器上面的pdf文件到手机
要下载pdf文件,必须先获取到pdf文件的url地址。如果你的pdf文件是在自己的服务器上面,那么可以直接使用该pdf文件的url,如果是在其它服务器上面,则需要联系对应服务器的管理员获取该文件的url。获取到pdf文件的url后,你可以将其嵌入到一个 web-view 组件中,如下:</这样就可以在微信小程序中显示该pdf文件了。原创 2024-01-29 16:14:41 · 4616 阅读 · 2 评论 -
【微信小程序】生命周期
我们都知道生命周期是一组名称固定且会自动被调用执行的函数在开发小程序时也有专门的的生命周期函数,分为应用级别、页面级别和组件级别3种类型我们先学习应用级别和页面级别的生命周期。原创 2024-01-29 14:33:04 · 930 阅读 · 0 评论 -
【微信小程序】版本更新了,怎么通知用户
点击编译模式设置下拉列表,然后点击“添加编译模式”,在自定义编译条件弹窗界面,点击下次编译时模拟更新,然后点击定,重新编译就可以了。注: 需要注意的是,这种方式模拟更新一次之后就失效了,后边再测试仍需要对这种编译模式进行重新设置才可以。除),则会弹出提示,提醒用户更新新的版本。当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删。新的版本已经下载好,调用 applyUpdate 应用新版本并重启小程序。小程序有新版本,则静默下载新版本,做好更新准备。原创 2024-01-27 01:58:22 · 581 阅读 · 0 评论 -
【微信小程序】怎样创建formdata对象,并通过 wx.request 发送file文件
业务需求:微信小程序开发需要选择本地照片file连同一些表单数据,通过接口发送给服务器问题:因涉及到域名安全问题以及并不是单独上传图片,不能使用 wx.uploadFile。微信本身没有FormData对象,无法使用 new FormData后端接口需要接收一个file, 所以只能想办法,通过wx.request 发送 multipart/form-data 请求。原创 2024-01-27 01:56:04 · 1950 阅读 · 2 评论 -
【微信小程序】浮动按钮拖动功能
在开发过程中无意间想到了这个功能。一番查询之后找到这个功能相关的代码片段。拷贝过来之后各种报错,经过自己的整改以可以使用。image路径换成自己的图片路径。wxss:css页面样式。中间的微信按钮可以拖动。原创 2024-01-27 01:30:57 · 571 阅读 · 0 评论 -
【微信小程序】实现图片拖动、放大、缩小、旋转、滤镜和切图功能
2)方法WraptouchStart+WraptouchMove:获取图片移动坐标和触发时坐标的差值,加上图片本来的坐标来实现移动效果,注意要把移动坐标赋值给触发时坐标(items[index].lx = e.touches[0].clientX),不然会导致移动有问题;1)方法uploadImg+setDropItem:获取上传图片的信息,跟设置的最大宽高进行判断(maxWidth, maxHeight),然后根据判断的结果进行缩放,避免大图溢出,且设置图片的地址、坐标、定位和是否选中等信息;原创 2024-01-27 01:28:51 · 1496 阅读 · 2 评论 -
【微信小程序】常用的几种轮播图
wxml:wxss:js:轮播效果二wxml:wxss:js:轮播效果三wxml:wxss:轮播效果四wxml:wxss:原创 2024-01-27 01:24:48 · 1315 阅读 · 0 评论 -
【微信小程序】图片自适应(高度、宽度自适应)
加image属性 mode=“widthFix”,使图片高度自适应;原创 2024-01-26 15:19:07 · 1064 阅读 · 0 评论 -
【微信小程序】15分钟倒计时(附带天数和时钟的实现方法在文章中)
这是制作的订单支付前倒计时,如果客户在规定时间内没能 支付,则系统自动删除,这样就以便有些商品冗余,当然了,这里只有分钟和秒钟,天数和时钟我写在了最底下,最后代码的显示第七行,可以看一下,然后带入到相应的地方。如果你想要用获取的时间,把我上面的时间改成在onload()里获取的时间就好了,this.data.你的时间属性。首先,是开始的时间,注意,千万不要是现在时间,不然一直是15分钟,无法改变的。因为后面是用时间戳计算的,如果是用时间计算,比较麻烦,建议用时间戳。原创 2024-01-26 15:17:32 · 1040 阅读 · 0 评论 -
【微信小程序】wxs脚本
为了降低 wxs ( WeiXin Script )的学习成本, wxs 语言在设计时借大量鉴了 JavaScript 的语。wxs 代码可以编写在 wxml 文件中的 标签内,就像 Javascript 代码可以编写在 html 文件中的 标。wxs 代码还可以编写在以 .wxs 为后缀名的文件内,就像 Javascript 代码可以编写在以 .js 为后。隔离性指的是 wxs 的运行环境和其他 JavaScript 代码是隔离的。但是,在 wxs 中定义的函数不能作为组件的事件回调函数。原创 2024-01-26 15:13:14 · 580 阅读 · 0 评论 -
【微信小程序】实现图片处理
这是一款实用的工具型小程序共有滤镜、效果图和动态滤镜三个功能用户可以选择想要处理的图片,设置模糊、怀旧、复古、美白以及其他效果同时程序还增设了效果图功能用户可以自行调整饱和度、亮度和对比度此外程序还有动态效果图的功能。原创 2024-01-26 14:44:52 · 573 阅读 · 0 评论 -
【微信小程序】使用外部字体
将所有内容复制到app.wxss中,接下来我们就可以在小程序中任意使用我们导入的外部字体了,另外此中方法也适用于阿里巴巴iconfont字体的导入哦,有兴趣的朋友不妨去试试。在修改的过程中又留下了一些什么坑,当然本文并不旨在谈论这些坑和其解决方案,因为太多了,本文的重点是如何在小程序中使用外部字体。微信小程序其实说白了就是一个浏览器,一个基于webkit内核的浏览器,我们浏览特定的小程序其实就是在浏览特定的网页。答案当然是可以的,我们需要借助一个第三方网站。其实对于一般的需求,系统预置的字体已经够用了。原创 2024-01-26 14:30:57 · 499 阅读 · 0 评论 -
【微信小程序】canvas绘实现贴纸效果
在做微信小程序时,碰到一个需求,要求用户上传一张照片进行裁剪,选择贴纸后生成一张图片,这里来分享一下我实现的方法。原创 2024-01-26 14:20:16 · 1001 阅读 · 0 评论 -
【微信小程序】图片违法违规内容鉴别(云函数)
本篇博客旨在记录了自己在小程序编程过程中碰到的一部分问题,如有错误的地方欢迎指正。微信小程序通过云调用校验一张图片是否含有违法违规内容。原创 2024-01-26 13:49:50 · 640 阅读 · 0 评论 -
小程序生成海报需求
需求描述:在小程序根据已有的dom样式,生成一张图片作为海报图分享出去。方法1、使用官方的canvas api 把想要的dom样式通过画矩形画text一步步画出来。方法2、 简单so easy。使用插件。原创 2024-01-26 11:42:13 · 844 阅读 · 0 评论 -
微信小程序 - scroll-view组件之上拉加载下拉刷新(解决上拉加载不触发)
/ 自己定义刷新事件 var self = this;// 自己定义刷新事件 self . setData({triggered : true , // 将triggered属性设置为true,表示下拉刷新已经被触发 }) wx . showToast({title : "刷新成功" }) setTimeout(function() {triggered : false , // 将triggered属性设置为false,表示下拉刷新已完成 }) console . log('下拉刷新已完成')原创 2023-08-02 11:52:42 · 6324 阅读 · 1 评论 -
微信小程序 - 解析富文本插件版们
完成,存在不稳定因素,如对稳定性有很高的要求,请自行搭建解析服务,或在自家服务器上直接完成解析。如果为了追求极致的体验,建议将markdown、html转换为towxml数据的过程放在服务器上,在小程序中直接请求数据即可。方法进行数据绑定,注意路径,参数分别为绑定的数据名、已解析的富文本数据、当前页面对象和容器与屏幕边缘的单边的距离。富文本的解析默认是由QwqOffice完成,存在不稳定因素,你可以自行搭建解析服务或将解析组件引入到你的项目中。,添加使用组件的声明,注意路径。最后一步在页面上渲染使用就行。原创 2023-08-02 11:21:55 · 1883 阅读 · 0 评论 -
微信小程序 - 腾讯地图SDK
微信小程序_腾讯地图SDK(在官方基础上增加路径规划功能) 以下为使用方法。js文件中有大量注释。官方文档传送门做一下简单的使用摘要 #简介#腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品。原创 2023-07-13 18:00:57 · 2924 阅读 · 1 评论 -
微信小程序WebView嵌入别人网页的解决办法
在做微信小程序开始时,大家都能遇到,WebView组件使用的URL必须要在小程序的后台设置业务域名,并且在对应域名服务器根目录下要放置对应的验证文件,否则发布后是无法正常打开的。在开发测试时,我在小程序中嵌入了一个别人的网页。自己又不能在别人的服务器上放置验证文件,导致了发布后小程序的WebView中的内容无法正常显示。写在前面,小程序必须是热认证的企业小程序,个人小程序不支持WebView组建。这样配置后,通过了微信的认证,小程序端正常显示。因为这里有服务器和域名,因此使用了以下的方法。原创 2023-07-08 16:39:26 · 3024 阅读 · 1 评论 -
微信小程序实现抖音视频效果
当我们进行开发的时候可能会遇到需要实现抖音视频效果的需求,并且网上该效果的开源代码少,找到的开源代码代码量大,很难进行二次开发。对此我将自己的代码进行简化,仅留下可动性高的代码模块。以上是实现效果与此处demo的模板。原创 2023-07-04 15:54:52 · 2316 阅读 · 0 评论 -
微信小程序分包
假如在uniapp中,分包之后,代码包还是比较大,可以采用压缩。原生小程序分包和 uniapp 小程序分包差不多。设为分包,mine下面的有页面地址。:修改pages.json。:修改app.json。原创 2023-07-04 15:50:23 · 339 阅读 · 0 评论 -
uniapp微信小程序pc端横屏解决方案
是微信pc版打开小程序要是这个效果可是原本打开是这个如下图这样,也就是手动去设置旋转。原创 2023-07-04 15:13:42 · 581 阅读 · 0 评论 -
微信小程序页面跳转方式+跳转小程序
第一种方法:wx.navigateToMiniProgram(打开另一个小程序)第二种方法:navigator(跳转)原创 2023-07-04 14:44:02 · 1929 阅读 · 0 评论 -
解决uni-app微信小程序底部输入框,键盘弹起时页面整体上移问题
存在问题做了一个记录页面(类似单方聊天页),输入框在底部;当弹出键盘时,页面整体上移,页面头信息会消失不见需要实现效果:比如一个记录页面,需要在键盘弹出时:底部的输入框跟随键盘上弹页面头固定在顶部不动聊天信息区域(即内容区)调整高度,该区域局部滚动解决方法底部输入框fixed定位在底部,使用输入框的@focus获取键盘高度,更改输入框bottom;@blur 时恢复 bottom=0;使用包含页面头和内容区container的padding-bottom设置为输入框高度+输入框原创 2023-07-04 14:27:32 · 4303 阅读 · 0 评论 -
微信小程序 - video使用总结
2.点击封面的时候,获取到该视频的id,进行判断,如果当前没有视频播放,就把该视频设置为播放的状态;如果当前有视频播放,则停止当前播放的视频,再播放你点击的这个视频。感觉自定义的tabbar会方便许多,因为有时候底部tabbar的情况会不一样。我自己粗心没注意到这个问题。判断当前视频是否是播放的状态,如果是就显示视频,如果不是就隐藏视频;1.视频播放的时候,滑动页面视频会一直在那个位置不会跟着滚动条移动。2.一个视频播放的时候,其他视频停止播放,并显示封面。2.视频播放的时候,会挡住底部的tab导航。原创 2023-07-04 14:26:23 · 3382 阅读 · 0 评论 -
微信小程序401 unauthorized 授权问题解决方法
在请求接口的时候加入 header,然后把token 赋值给Authorization。在做微信小程序项目的时候,在请求接口的时候经常出现unauthorized这个问题。所以是写header的时候格式写错了(可能是由于接口用node.js写的原因)。随后百度翻译了一下,错误的授权头格式。这是由于在请求接口的时候,没有定义header。随后把header改成了这样的。然后就可以请求接口成功了。然而这样还是继续报错。原创 2023-07-01 15:31:05 · 2412 阅读 · 0 评论 -
微信小程序如何读取本地云存储txt数据,避免乱码
找到你的txt文件,重命名为json文件。原创 2023-07-01 15:24:06 · 1571 阅读 · 3 评论 -
微信小程序页面离开清除定时器
【代码】微信小程序页面离开清除定时器。原创 2023-07-01 15:08:00 · 558 阅读 · 0 评论 -
微信小程序页面跳转方式+跳转小程序
第一种方法:wx.navigateToMiniProgram(打开另一个小程序)1.首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id。第二种方法:navigator(跳转)原创 2023-07-01 13:08:17 · 2926 阅读 · 2 评论 -
微信小程序只支持https请求,如何解决对于一些接口是http请求的?
如果后台接口是 HTTP 协议,则需要您在服务端做一个转发,将 HTTPS 请求转发到 HTTP 接口上。这样,就可以在微信小程序中使用 HTTPS 协议访问 HTTP 接口了。微信小程序支持使用 wx.request() 发起 HTTPS 网络请求。这样,就可以在微信小程序中使用 HTTPS 协议访问 HTTP 接口了。原创 2023-07-01 13:00:34 · 2862 阅读 · 0 评论