微信小程序
微信小程序 图片路径自动加上文件目录导致渲染报错问题
最近在做小程序时候，发现一些商品图片在渲染时一直报错，也不显示，但是控制台打印出来的路径却有没有问题报错提示出错的路径会在前面自动加上“page/**”,思索了之后想到了微信只能解释https的地址，顿时来了主意， 错误如图 在遍历时对图片路径进行处理，加上https://dataSource&am...
小程序开发 组件定义(封装)、组件调用、父子组件方法调用、父子组件传值通讯
在小程序开发中，为了提高代码效率，和代码使用率，我们也用到了组件封装，今天我介绍下如何在小程序中封装一个头部公用组件首先，所有父组件（调用页面）的json文件都要引用子组件:index.json{"usingComponents":{"header":"../../component/header/header",}}...
微信小程序 使用微信支付功能实现在线订单支付
以前做过PC页面微信支付，但是这次在小程序直接调用微信支付功能还是方便很多先放个微信官方API链接：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=5先说说整个下单支付流程的整体思路，0，准备工作：一，appId，...
微信小程序 使用HMACSHA1和md5为登陆注册报文添加指纹验证签名
对接口请求报文作指纹验证签名相信在开发中经常碰到，这次在与java后端一起开发小程序时，就碰到需求对登陆注册请求报文添加指纹验证签名来防止信息被修改先来看下我们与后端定制签名规则2.4.签名规则原文规则：采用标准的JSON格式，null值字段舍去，按照key值字符串升序排列例如：{"appId":"1100310061...
小程序 之使用HMACSHA1算法加密报文
首先说说我们前端常用的加密技术，我们常用的加密技术有：如MD5加密，base64加密今天要说的是HMACSHA1加密技术先介绍下什么是SHA1算法，安全哈希算法（SecureHashAlgorithm）主要适用于数字签名标准（DigitalSignatureStandardDSS）里面定义的数字签名算法（Digital...
微信小程序 之wx.getLocation()获取地理信息中的小坑
提到wx.getLocation()这个方法，大家都知道是获取地理信息的今天用这个方法获取定位经纬度后传给后台取得附近markers标记集合，在开发工具上都正常有标记出现，但是在手机测试时，死活没有显示，最后发现是在手机测试时，后台已经报参数不合法抛出错误通知了原因是因为，在开发工具上获取经纬度只有小数点后5位，而我们...
小程序 之登录 wx.login()
小程序的登录关键在于使用wx.login()方法后，要到取到code值传到后台,再用小程序平台本帐号生成的appid+addsecret+code去微信接口服务取得用户唯一标识后即可登录【注意：此步骤必须要在本项目后台服务中才能成功，在小程序端是无效的】appid+addsecret下图是官方的登录流程图： ...
微信小程序 之三元运算符代替wx:if 来解决背景图片显示隐藏
最近在开发一个小程序项目时，碰到一个问题，在一个多条件单项选择中，为选中条件添加一个选中状态，选中状态为灰色背景，但是这个背景要用到背景图片大家都知道在小程序中wxss是无法读到本地图标资源，只能使用外部链接和base64，这俩种方法都不适合我们开发的时候使用，但是却可以在wxml中使用方法然后通过条件判断来控制是否渲...
微信小程序 本地缓存保持登录状态之wx.setStorageSync()使用技巧
微信小程序提供了一个如同浏览器cookie本地缓存方法，那就是今天要说的wx.setStorageSync() 注意，该方法是同步请求，还有个异步请求的方法是wx.setStorage()，参考官方文档【https://developers.weixin.qq.com/miniprogram/dev/api/...
微信小程序 赋值问题
通常我们在页面跳转传递过来的参数要用到页面渲染时或是请求接口回来的数据要用到页面渲染时对page的data赋值可不能用简单的变量赋值，要用微信小微信专有的this.setData方法Page({/***页面的初始数据*/data:{radioItems:[//{modeId:1,modeName:'加强洗',time:...
微信小程序 wx.navigateTo()传参及多个参数方法
varworkModeAndPriceList=res.data.data.workModeAndPriceList;//varresult=JSON.stringify(workModeAndPriceList);//console.log(workModeAndPriceList);//console.log(re...
微信小程序踩坑之一【weui-wxss-master单选按钮图标修改思路】
小程序原生所带的weui框架做小程序UI实在太方便了，但是他的一些细微变化也是让开发中碰到不少头疼的问题一直以来单选多选的美化都是设计师重点表达的地方之一而weui-wxss-master中的单选多选样式又写的与众不同，不同与常规的weui添加after伪类来显示不同，他是通过type="success_no_circ...
微信小程序踩坑之一[thist]使用技巧
刚上手小程序时，习惯把this当成jquery中的$(this)来用，实际上这两个还是有差别的在页面方法中调用其他方法，一般是用this.function()，直接调用小程序的方法或函数则是用wx.function多层方法下的时候，则要给this定义一个变量才能使用，否则会一直报方法没有定义 下面...
微信小程序踩坑之一[wx.request]请求模式
最近在做小程序时，使用wx.request()方法请求时，当使传输string类型时，一定要声明method请求模式为post，否则会一直报错，而不声明时默认为get， 已填坑=，=wx.request({method:"post",url:'http://***.***.**/user/**/gainVal...
小程序修改默认的radio样式
1、wxml：<radio-groupclass="radio-group"bindchange="radioChange"><viewclass='redio1'><labelclass="radio"><radiovalue="Kipon0pilihan"checked="...
