[其它] 微信小程序图片选择、上传到服务器、预览（PHP）实现实例

说明：微信小程序图片选择、上传到服务器、预览（PHP）实现实例 小程序实现选择图片、预览图片、上传到开发者服务器上 后台使用的tp3.2 图片上传 请求时候的header参考时可以去掉(个人后台验证权限使用) 小程序前端代码： 选择提问图片: 点击选择图片
<weixin_38587924> 上传 | 大小：45kb

[其它] 微信小程序 MinUI组件库系列之badge徽章组件示例

说明：MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 badge 徽章组件是一个很常用的基础元件， MinUI 中 badge 组件的效果图如下： 各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信扫一扫下面的小程序二维码先一睹为快： 下面介绍 badge 组件的使用方式。 1、使用下列命令安装 Min-Cl
<weixin_38697808> 上传 | 大小：148kb

[其它] 微信小程序实现购物车代码实例详解

说明：其实购物车都是类似的实现方法，只不过小程序是有他的数据层和业务层，在这里把之前的做法记录一下，分享出来也希望能给需要的小伙伴带来参考价值在最开始的时候先从本地存储中获取购物车数据，因为我们会切换页面 在页面切换的过程中需要实时重新加载购物车的数据，所以我们把获取的方法写在onShow中，而不是onLoad中： onShow: function () { const cart = wx.getStorageSync(cart); let address = wx.getStorageS
<weixin_38717169> 上传 | 大小：38kb

[其它] 微信小程序Echarts覆盖正常组件问题解决

说明：最近公司的项目中需要在小程序内使用echarts组件来展示数据，同时因为使用了自定义导航栏以及蒙版层，导致Echarts图形覆盖于所有组件的上方，不符合设计要求。        尝试解决的思路：        z-index：Echarts使用的是微信原生canvas，优先级高，z-index完全无效。        cover-view：因为page中含有一些如input之类的无法与cover-view进行嵌套使用的元素，故cover-view也无法奏效。 wx.canvasToTempFi
<weixin_38552305> 上传 | 大小：143kb

[其它] 微信小程序-API接口安全详解

说明：一.接口安全的必要性 最近我们公司的小程序要上线了，但是小程序端是外包负责的，我们负责提供后端接口。这就可能会造成接口安全问题。一些别有用心的人可以通过抓包或者其他方式即可获得到后台接口信息，如果不做权限校验，他们就可以随意调用后台接口，进行数据的篡改和服务器的攻击，会对一个企业造成很严重的影响。 因此，为了防止恶意调用，后台接口的防护和权限校验非常重要。 虽然小程序有HTTPs和微信保驾护航，但是还是要加强安全意识，对后端接口进行安全防护和权限校验。 二.小程序接口防护 小程序的登录过
<weixin_38727062> 上传 | 大小：115kb

[其它] 基于Vue实现微信小程序的图文编辑器

说明：由于微信小程序不能使用常规的图文编辑器(比如百度的UEditor )编辑新闻内容之类的，所以用vue写了个针对小程序用的图文编辑器。效果如下 多图上传图片用到了  ajaxfileupload.js （不知道哪位仁兄写的，拿来用了，很好用） 最终形成一串Json数据（转成字符串，传入后台存入数据库，小程序端用JSON.parse 转成JSON ，按照后台一样的方式渲染即可【小程序端代码还没写，后面再贴出来吧】） json格式如 [{mytype:1,content:测试数据\n\n11111
<weixin_38706824> 上传 | 大小：181kb

[其它] 微信小程序实现发红包功能

说明：本文实例为大家分享了微信小程序实现发红包的具体代码，供大家参考，具体内容如下 目前此功能尚在内测，无法申请。此博文仅示例。 流程效果图： 图片1触发wx.sendBizRedPacket({})吊起图片2，点击开，出现图片3，关闭以后出现图片4。 wx.sendBizRedPacket({})说明及示例： wx.sendBizRedPacket({ timeStamp: e.timeStamp, nonceStr: e.nonceStr, package: e.packag
<weixin_38645865> 上传 | 大小：58kb

[其它] 详解微信小程序 template添加绑定事件

说明：详解微信小程序 template添加绑定事件 对于模板的使用，我是想将模板的事件单独出来，其他引用模板的页面中不再掺杂模板事件，比较方便管理，如果还有其他好的解决办法， 请赐教。 template.wxml temp模板 template.js var temp = { clickView: function () { console.log(刚刚您点击了temp) } } export default temp template.wxss .tempClass { ba
<weixin_38670433> 上传 | 大小：28kb

[其它] 微信小程序实现多个按钮toggle功能的实例

说明：微信小程序实现多个按钮toggle功能的实例 如下图所示，实现该按钮toggle功能。 百度上很多都是只设置一个按钮的toggle，所以我现在来稍微总结下：多个按钮如何实现自身的toggle功能。 原理： 1，列表展示的时候，我们会用wx:for 来循环数据，那么我们就会得到相应的当前的第几个数据（即 wx:key=”index”） 2.在每一个数据里面添加一个toggle的属性，toggle=false  则不展示， 3.设置一个点击方法，获取当前按钮所在的是第几个数据，然后将相应的t
<weixin_38669674> 上传 | 大小：126kb

[其它] 小程序如何在不同设备上自适应生成海报的实现方法

说明：小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？ 我们的在开发中常用的参考屏幕尺寸（iPhone6）为：375*667； 那么想要适应其他尺寸的屏幕时只需按照iPhone6的绘制大小按比例进行换算即可： 获取系统屏幕尺寸 先利用wx.getSystemInfo （获取系统信息）的API获取屏幕宽度，然后除iPhone6的屏幕宽度，即可得到相对单位 // 在onLoad中调用 cons
<weixin_38742656> 上传 | 大小：85kb

[其它] 详解将微信小程序接口Promise化并使用async函数

说明：前言 小程序一直到现在接口还是和刚开始一样使用的回调函数的方式，如果想在小程序中不使用框架的情况下使用Promise+Async怎么办呢？ 2019最新解决方案 1. 将接口Promise化 首先建一个文件wxPromise.js const promisify = name => option => { return new Promise((resolve, reject) => wx[name]({ ...option, success: res
<weixin_38528517> 上传 | 大小：32kb

[其它] 6行代码实现微信小程序页面返回顶部效果

说明：本文实例为大家分享了微信小程序页面返回顶部的具体代码，供大家参考，具体内容如下 效果预览： js部分： Page({ data: { topNum: 0 }, returnTop: function () { this.setData({ topNum: this.data.topNum = 0 }); } }) wxml部分： 1 1 <view
<weixin_38690376> 上传 | 大小：56kb