微信小程序
微信小程序开发 [02] 页面注册和基本组件
对于小程序中的wxss布局方式，不推荐使用诸如position，float之类的属性，而是采用flex布局，灵活快捷自适应，关键是自适应！此处另起标题也是为了表达我对其强烈的推荐，因为我这个后端都能用flex很好的布局，可见其简单快捷性！强烈推荐阮一峰老师的两篇博文：Flex布局教程：语法篇Flex布局教程：实例篇...
微信小程序开发 [01] 小程序基本结构和官方IDE简介
如上图，整个IDE分为四个部分：中间的文件目录树模拟器（左侧）编辑器（右上）调试器（右下） 其中调试器是不是很熟悉？没错，和你用的chrome开发者工具一模一样，稍微有点要提醒的是：.js类型的文件，在Sources中都有两个，其中xx.js是编译后的，xx.js?[sm]才是和我们实际文件相同，调试时使用x...
微信小程序开发 [00] 写在前面的话，疯狂唠唠
我总是喜欢在写东西之前唠唠嗑，按照惯例会在博文的开篇写这么一段“写在前面的话”，这次却为了这个唠嗑单独开了一篇文，大概预想着要胡说八道的话有点多。前段时间突然对小程序来了兴趣，说句实话，我都忘记了准确的导火线，大概是一直想做点什么个人的小作品，结果又因为贫穷限制了我买服务器。索性这个世界上有种东西叫“第三方API”，我...
微信小程序 使用swiper制作一个滑动导航
最近在做一个导航的时候，发现使用overflow-x:auto来做多内容滑动导航效果很不好，思索是不是可以使用swiper来做一个，研究了下其实发现原理基本相同这里说下，要用swiper做导航菜单，有几个要特别注意的参数1：autoplay，官方说明【是否自动切换】，这个不填，菜单可不能自己动2：indicator-d...
微信小程序 图片路径自动加上文件目录导致渲染报错问题
最近在做小程序时候，发现一些商品图片在渲染时一直报错，也不显示，但是控制台打印出来的路径却有没有问题报错提示出错的路径会在前面自动加上“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...
