随笔分类 - 微信小程序
摘要:数据分组展示有两种方式,一种是后端直接传入分组格式的Json数据,另一种是我们在前端自己转换格式,这里我们在前端处理转换按日期分组的数据格式 1、例如后端返回数据格式为: 2、页面展示需要的格式为: 3、下面我们使用Js处理成按日期分组归类的数据,代码如下: 4、处理后的结果: 问题: 以上这种方式
阅读全文
摘要:前两天在发布小程序版本的时候,审核被拒绝,原因是用户在发表内容的时候,没有对内容做安全检测,例如国家领导人姓名之类的。 后来了解到小程序官方文档上有提供相关检测接口,包括文本及图片检测,这里我只用到了文本检测 使用msgSecCheck接口检测文本 https://developers.weixin
阅读全文
摘要:选取相册及本地预览 1. 选择手机相册 3. 照片本地预览 使用七牛云图片上传 七牛云提供了微信小程序sdk版本 1. 下载七牛云微信小程序sdk https://developer.qiniu.com/sdk community sdk 2. 下载之后我们将qiniuUploader.js文件放置
阅读全文
摘要:实现思路 : 1. 获取用户当前位置经纬度坐标 2. 查询动态时将经纬度坐标传给后台 3. 后端通过sql语句计算经纬度坐标之间的距离 // 附近20公里发的动态 按时间排序 let sql = `SELECT , ROUND(6378.138 2 ASIN(SQRT(POW(SIN((${myLa
阅读全文
摘要:微信小程序获取及选择位置 1. 获取当前的地理位置、速度 2. 打开地图选择位置 3. 使用微信内置地图查看位置 逆地址解析(根据经纬度坐标获取城市省份信息) 微信小程序位置api并没有提供获取省份城市的信息,这里使用高德第三方地图来获取省份城市 1. 申请高德key 2. 将https://res
阅读全文
摘要:先看实现的效果图 评论及评论回复实现 1. 分析 评论和评论回复可以设计成1张表也可以设计成2张表,根据使用场景的不同选择,这里我将评论和回复表设计成一张表,表结构如下 CREATE TABLE ( int(11) NOT NULL AUTO_INCREMENT COMMENT '说说评论表id',
阅读全文
摘要:抽奖结果数据json格式数据拼接bug,如下图,只发布了两个奖项,每个奖项设置2个奖品,但最后拼接数据的时候出现3个奖项 json数据格式如下 html页面 拼装js逻辑 问题分析: 主要问题出现在这个地方 在对luckyResult进行遍历的时候,当luckyResult的长度大于1的时候,遍历了
阅读全文
摘要:今天在做一个用户活动查询功能的时候,查询参与的活动。正常,使用egg mysql查询数据一般会这么写 但因为涉及到两张表,也不知道egg mysql是否支持表关联查询 ,如果按照上面这种方式的话 ,实现步骤就是,先遍历查询活动报名表,拿到用户参与报名的活动id,然后在根据 活动id去遍历活动表查询到
阅读全文
摘要:前言 微信小程序默认给我们提供了一个省市区的picker选择器,只需将mode设置为region即可 因为小程序默认提供的省市区选择器只能保存名称,不能保存id,而且我也不需要选择三级城市,所以这里打算通过mode="multiSelector"来实现省份城市的选择 城市数据json格式 关于省份城
阅读全文
摘要:前言 最近在做微信小程序,有一个图片列表页面,想通过瀑布流方式来实现,个人比较喜欢这种效果 先看实现效果图 实现原理及代码 将布局分为两列,我们可以使用flex设置 displex:flex 然后每列宽度设置50% 我们通过在每一列去遍历list数组使用if去判断是基数还是偶数来显示图片 最后 以上
阅读全文
摘要:一、前言 相信做过微信小程序开发的人应该都碰到过这个问题,因为这个需求实在太常见了 由于textarea是属于原生组件,层级最高,不管在页面中我们设置z index值多少都会被textarea组件遮挡住,很影响用户体验, 目前官方对该问题还没有修复,当然官方也给出了解决该问题的其他方案,使用cove
阅读全文
摘要:picker组件时一个从底部弹起的可滚动的选择器(嵌入页面滚动器组件picker view查看https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker view.html),支持5种选择器 : 普通选择器、多列、时间、日期和省市区 , 通过
阅读全文
摘要:生命周期是指一个小程序从创建到销毁的一系列过程 在小程序中 ,通过App()来注册一个小程序 ,通过Page()来注册一个页面 先来看一张小程序项目结构 从上图可以看出,根目录下面有包含了app.js,app.wxss,app.json三个文件 这是小程序的全局文件,app.js是小程序逻辑 ,ap
阅读全文
摘要:微信小程序从2016年9月21日开始内测 ,以及在2017年1月9号正式发布也有一段时间了, 很多人开始拥抱微信小程序,我也是一样 ,从微信小程序内测开始就加入进来 , 开始研究微信小程序 ,属于最早的一批小程序开发者 ,但是由于小程序发布后一直不温不火,以及在工作中也没有这方面的需求,所有本人也没
阅读全文
摘要:在微信小程序中我们一般通过以下方式来修改data中的数据 比如在函数里面修改数据 但是当我们通过wx.request请求网络数据成功后绑定数据时候报以下错误 代码如下: 这是因为this作用域指向问题 ,success函数实际是一个闭包 , 无法直接通过this来setData 那么需要怎么修改呢?
阅读全文