摘要：前言： 微信小程序开发中，后端提供了接口设计文档，前端可以先mock数据模拟api请求进行开发调试，而且可以根据需要设计mock文件的格式和内容，这样在后端接口开发完成之前，前端可以最大限度的完成前端的开发。 编写mock数据文件： 为了方便接口请求的异常处理，mock数据中最好带有接口请求结果的状
阅读全文
摘要：1. 前言 2. 使用 vertical-align 样式实现指定行数的垂直居中布局 3. 使用js计算文本所占总宽度，与文本盒子宽度比较追加不同类样式进行调整 4. vertical-align:middle的使用扩展——不限行数全展示垂直居中 5. 最好的方法：使用弹性盒子 前言： 如下图，商品
阅读全文
摘要：如图，当小程序发布新的版本后，用户如果之前访问过该小程序，通过已打开的小程序进入（未手动删除），则会弹出这个提示，提醒用户更新新的版本。用户点击确定就可以自动重启更新，点击取消则关闭弹窗，不再更新。 官方给的示例代码： 官方提供的demo中，只有最基本的更新提示，并未做异常处理。而且官方也说了这个功
阅读全文
摘要：这里大致介绍下微信卡券的一些常见问题，不再介绍具体技术了，相关接口详见微信卡券。 1. 会员卡跟卡券一样么？ 这个是一样的，至少在前端是一样处理的，最多也就是卡券设置展示不同。对于微信卡券领取和查看的API，是没有区分什么会员卡和优惠券的，如下： 如上，小程序中卡券领取的接口参数只有这么一种用法，是
阅读全文
摘要：前言： 复用微信小程序源码包后，重新创建项目导入源码包，会发现开发者工具版本管理中仍然有原来小程序的版本，这样就不太好了。毕竟是一个新的小程序，需要有新的版本控制的。那么这个问题怎么处理呢？ 解决方案： 打开源码包，删除根目录下的“.git”文件夹就可以了。 注意，需要先关闭开发者工具，然后再删除，
阅读全文
摘要：前言： 对于小程序的页面路由，如果没有一定开发经验的话，理解起来还是会有些困难的。哪怕是有一定小程序开发经验的开发者，能够完全理解掌握的恐怕也不多。 这里就以另外一种方式来详细的介绍小程序的页面栈及路由方式，相信看了本文你能更深入的了解小程序的页面路由的。 模拟场景： 小程序的页面路径基本上都可以用
阅读全文
摘要：1. 超链接导航失效： 小程序规则——wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面
阅读全文
摘要：编译异常： 1. Uncaught SyntaxError: Identifier 'onerror' has already been declared： 疑开发者工具异常，首页onload（页面加载）中有打印输出goods_id，上边错误不影响小程序运行。如下，上边所说的异常都是发生在goods
阅读全文
摘要：异常描述： 无法输入中文，偶现，但是概率有点高，重启，重装，更新版本等等都未解决问题。 处理方法： 找到了另一个提出同样问题的帖子，官方回复说是bug： 经验证， ctrl(command) + shfit + w 重启下项目，是可行的，看来也只有如此了。 期待下个版本解决这个问题。
阅读全文
摘要：前言： 之前用vue做h5项目，对于接口请求，都是根据前端访问域名来判断运行环境，然后自动适配对应的服务器地址的。这样的好处就是在开发、测试及发布上线全程都不需要手动去改接口请求地址，只要提前配置好就行了。这样处理之后，只需要打包一次，就能同时适应所有环境而不需要再去改代码，打不同的包了。 对于微信
阅读全文
摘要：前言： 之前使用 setData ,一直都是作为给变量赋值，感觉比起vue给data中的变量的赋值还是有点麻烦的。 最近项目不太紧张，为了提高小程序的开发效率及提升小程序开发的能力，又重新的通读了下小程序的开发文档。发现 setData 还有一个非必填的参数 callback——setData引起的
阅读全文
摘要：微信小程序打开另一个小程序，有两种方法：1.超链接；2.点击按钮。 全局配置： 跳转到其他小程序，需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下： App.json 否则会弹出以下错误提示： 超链接实现跳转到小程序： demo.wxml demo.js 相关参数： 备注： 1. ext
阅读全文
摘要：本文针对官方文档未说明清楚的进行详细探索研究，官方文档详见：全局配置 。 pages: 删除页面，需要先删除app.json中pages对应页面的路径，再去删除页面相关的所有文件，不然会出现页面文件混乱。 window： 用于设置小程序的状态栏、导航条、标题、窗口背景色： 窗口的背景色(屏幕下拉后展
阅读全文
摘要：关于小程序的转发： 最简单的就是点击小程序右上角菜单“转发”按钮直接分享，不过这种分享有点不太友好，实用性也不强。 当然，你可以自定义分享内容，包括标题，简介，图片及分享的小程序页面路径。 再高级一点，还可以对转发出去的小程序被二次打开的时候获取到一些信息。 一. 自定义转发内容： onShareA
阅读全文
摘要：前言： 本文仅汇总微信小程序移植支付宝小程序过程中遇到的一些不同的地方，详细请参考官方开发文档。 网络请求： 对于网络请求，基本上改动不大，也就支付宝小程序没有responseType属性及响应码字段改成了status。 用户授权登录： 1. 登录： wx.login my.getAuthCode
阅读全文
摘要：可以直接使用转换工具：微信小程序转支付宝小程序工具：wx2my。虽说使用转换工具并不能做到完全移植，但是还是能替代大部分的手工替换修改工作的，留给我们的也就是两个小程序之间不同的api及特性方面的修改，这个工作量就能减少好多了。 移植背景： 1. 支付宝小程序开发文档只了解了大致框架，跑了demo，
阅读全文
摘要：前言： 小程序需要添加一个定位功能，主要的就是获取用户位置的经纬度，然后根据用户经纬度进行一些判断操作。 在小程序提供的Api中，获取用户定位信息的主要Api是 wx.getLocation（obj） 。但是使用这个API，会先获取用户授权。如果用户取消授权，那么再调这个Api，也不会再出现授权页面
阅读全文
摘要：为什么使用“素材管理”： 微信小程序环境中本地资源图片是无法通过 WXSS 获取的，可以使用网络图片，或者 base64，或者使用<image/>标签.。 当然，如果不想这么麻烦，你可能会直接选择使用小程序开发工具的“素材管理”功能了。 的确，开发者工具上的“素材管理”，点进去就能很方便的上传图片，
阅读全文
摘要：异常描述： 点击按钮获取用户手机号码，有的时候会出现点击无反应或很久之后才弹出用户授权获取手机号码的弹窗，这种情况下，也会出现点击穿透的问题（详见：微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理） 异常解析： 1. getPhoneNumber的使用： 对于 ge
阅读全文
摘要：前言： 最近做的小程序活动规则内容比较多，且一直处于修改中。由于小程序并不支持类似Html5中的预排版，所以，活动规则内容修改较大的时候，仍需要对新的内容用小程序的<text>组件做下排版。如此反复几次，就感觉太浪费时间了，所以就写了这个工具页面。 适用范围： 1. 文案部分父层容器及内部相关样式已
阅读全文
