微信小程序全屏模式（自定义导航栏）
要自定义导航栏，首先需要在app.json里设置：12345{"window": { "navigationStyle": "custom" }} 设置之后进入小程序就只剩下右上角的胶囊了。 在设置导航栏样式时需要知道它的高度，在app.json的onLaunch里获取状态栏高度： 1234567891011121314App({
标签：: 微信小程序
微信公众号开发之上传图片（附AccessToken获取和处理）
最近看卡券功能的时候，创建卡券的时候涉及到上传图片的操作，但官方文档里面描述似乎有一点问题，在这里做一个记录。AccessToken的获取和处理放后面。 开发语言用的是PHP 7.0，使用CodeIgniter框架。 官方文档：上传卡券图片素材 上传图片请求地址说明：1HTTP请求方式: POST/FROMURL:https://api.weixin.qq.com/cgi-bin/media/up
微信小程序日历(含农历)
welCalendar微信小程序日历（带农历） 声明计算农历的代码逻辑来自于overtrue/chinese-calendar，我只是将其中的PHP代码转为了javascript上能使用的版本。并且目前只保证Calendar.js中的Calendar.solar(year, month, day)方法能够正常使用。 据上面repo的文档介绍，农历计算范围为1900年至2100年公历。 截图
微信小程序滤镜工具weImageFilters
微信小程序图片滤镜 声明 滤镜处理的代码99.9%来自于arahaya/ImageFilters.js，我这里只是做了一些小改动，使其能在微信小程序里使用。 版本要求 基础库 1.9.0 简介最近发现一个网页上好用的滤镜库，滤镜效果有几十种，就稍微做了一些更改，使其能在微信小程序使用。 其中马赛克算是一个比较有用的功能，最后那个水波旋转的效果挺有趣的。 下面的效果图均由微信开发工具模拟器生成，
关于自适应手机网页的研究
手机设计一般以750px宽度为标准，微信小程序就是以这样的标准来开发的，引入了一个叫rpx的相对单位。 关于rpxrpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 设备 rpx换
微信小程序群功能开发-后端篇
之前介绍过了如何在微信小程序中获取群openGId相关的流程，在这篇文章中我会使用php实现之前提到过的相关接口。解析encryptedData和iv的代码官方已经给出了php、nodejs等版本的实现，这篇主要是贴一些相关代码。 准备下载官方实例：https://mp.weixin.qq.com/debug/wxadoc/dev/demo/aes-sample.zip 在自己的代码中引入并设置
微信小程序群功能开发-前端篇
我们在一些微信群中看到过这样的小程序分享卡片：当你点进去后，会看到一个列表，里面有其他群成员的头像和相关信息。比如《王者荣耀群排行》，但是段位信息是腾讯私有的接口，我们只能拿到头像和昵称等基础信息。 下面我将实现小程序端的从转发到用户点击卡片后获取信息的这个过程。 开启首先我们要调用wx.showShareMenu进行设置，来开启是否使用带shareTicket的转发，这个shareTicket
微信小程序：截图组件welCropper，实现原理及其使用
最近做项目的时候，需要做一个截图功能。用了一个别人写的截图工具，发现截出的图质量下降了，但是我们图片要用来做识别, 需要保证截出的图质量不下降。而且也不支持通过拖动来调整截图框的大小。所以这个截图工具无法满足需求。因为所以，就自己动手写了一个截图组件。 下面介绍一下实现原理和使用方法。 实现原理组件wxml的层次结构图如下： original canvas 用来绘制原图大小的图片，这样能保
微信小程生成二维码工具weapp-qrcode.js
weapp-qrcode微信小程序生成二维码工具 生成二维码数据的主要代码来自davidshimjs/qrcodejs，因为它这个里面生成二维码图片的功能在微信小程序里不能使用，我将这个功能改写成可以在微信小程序中使用。 截图 使用页面js中引入:1var QRCode = require('../../utils/weapp-qrcode.js') 页面加载好后: