
微信小程序
文章平均质量分 74
墨霁青玉
个人地址:http://www.chunling.online
邮箱:905179839@qq.com
欢迎志同道合程序员+QQ联系,一起交流探讨技术。
展开
-
小程序如何做自定义的全局浏览记录上报
现在市面上已经有很多成熟全局埋点的分析系统支持,比如腾讯移动端分析-小程序分析若让我们自己封装一个全局浏览记录上报呢?小程序的页面由Page({})构成,页面的生命周期有onLoad,每次页面加载会调用onLoad。要做浏览记录的上报,可以利用onLoad做文章。onLoad() { pageBrowse() // 上报浏览记录方法 --- 后面再讲这个方法怎么写,可以根据业务需求变动}但是如果在每个页面的onLoad都调用上报方法,未免太低效。若有50个页面,...原创 2021-03-03 17:22:43 · 1047 阅读 · 3 评论 -
【小程序】踩坑记2
目录1.低版本微信用户不支持订阅消息,会报错2.订阅消息的字段长度限制3.图片懒加载4.小程序客户端缓存storage,切换微信号时未清除,会导致串号5.企业微信小程序不支持获取手机号6.switchTab不支持传参7.小程序不支持长按识别图片二维码原文地址:http://www.chunling.online/#/article/5e1d57472bfd56244...原创 2020-01-14 13:22:26 · 875 阅读 · 0 评论 -
小程序开通流量主,接入微信广告
原文地址:http://www.chunling.online/#/article/5de869c92bfd56244e44db88目录前言微信广告传送门广告收益注意点前言机缘巧合下,2019-01-02上线了我的个人小程序-“你划我猜出题器”。前不久(2019-11-29),小程序用户量突破两万。零推广、放生式管理、看心情迭代版本的无欲无求小程序,居然能...原创 2019-12-04 16:22:46 · 7439 阅读 · 0 评论 -
【小程序】websocket实现“谁是卧底”在线随机发牌
目录前言1. 逻辑分析2. websocket3. 小程序端代码实现4.服务端代码实现后记前言有兴趣的同学先扫码体验一下小程序继我的个人小程序(“你划我猜出题器”)上线第二版本(自建词库)后,又有新的想法涌现出来,做一个“谁是卧底”在线随机发牌吧(有时间再写一下第一个版本跟第二个版本的博文)。既然如此,就要思考一下“谁是卧底”的技术实现点。词的来源,可利...原创 2019-11-21 17:25:35 · 10800 阅读 · 0 评论 -
微信小程序开发/微信网页开发常见的openid/unionid/session_key/access_token分别是什么??
微信小程序微信网页1. code 用户登录凭证: 【作用】 ①小程序:用于换取用户的openid和本次登录的会话密钥session_key; ②微信网页:用于换取access_token的票据,每次用户授权带上的code将不一样,code只能使用一次,5分钟未被使用自动过期。 【获取途径】 ① 微信小程序通过wx.logi...原创 2019-06-06 16:37:01 · 4721 阅读 · 1 评论 -
【小程序】踩坑记
目录1. navigator点击出现阴影,如何去除阴影2. 页面可以左右滑动且出现白色部分3. 如何进行针对某个页面的下拉刷新:enablePullDownRefresh:true4. 如何禁止组件swiper手动滑动5. IOS系统与Android系统Date数据类型比较不兼容,new Date().getTime()为null或NaN6. position:ab...原创 2018-08-30 10:50:07 · 3149 阅读 · 2 评论 -
【小程序】如何实现消息推送之收集推送码
当订单状态变更时,小程序如何实现消息推送来通知到用户呢。微信开放了一个叫模板消息的功能。 https://developers.weixin.qq.com/miniprogram/dev/api/notice.html#%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E要实现消息推送,分三步走一、前期配置工作登录小程序的官方管理后台https://mp.wei...原创 2018-08-29 14:49:56 · 3543 阅读 · 0 评论 -
【小程序】input的bindblur事件改变input的value,首次有效,第二次以上则无效
<input value='{{orderForm.amount}}' type='number' min='{{min}}' max='99999' bindblur='bindblur'/>bindblur(e){ let val = parseInt(e.detail.value); if (val<=99999 && val>=th...原创 2018-08-24 17:53:50 · 30545 阅读 · 2 评论 -
【小程序】时间格式问题 new Date(str) IOS系统跟Android系统不兼容
小程序中有这么一段代码:用于检测用户选择的时间段是否合理,因为要用到时间差,所以用到getTime()传过去的时间字符串格式如下s:'2018-10-10 18:00’e:'2018-10-10 19:00’checkTimeVaild(s,e){ let start = parseInt(new Date(s).getTime()); let end = parseI...原创 2018-08-24 17:02:25 · 3554 阅读 · 0 评论 -
【小程序】利用promise封装wx.request通用请求函数
通常为了接口调用的统一性,每个项目都会根据需求封装请求函数,在自己封装的请求中,可以做一些通用的操作,例如请求错误显示信息弹窗,请求头带不带token等。import baseUrl from '../config'import { uploadFormIds } from './formIds'function getHeader() { if (wx.getStorag...原创 2018-08-28 14:06:42 · 5948 阅读 · 8 评论 -
安卓与IOS样式不兼容,position:absolute
样式用到position:absoulte 在微信开发者工具和安卓真机测试,样式正常,然而ios系统真机测试显示不正常。经查,因为父元素display:flex布局的原因,导致安卓与ios不兼容,换掉该布局方式,其子元素继续使用position:absoulte则样式正常---- 2019/03/18更新再次实践证明,当父元素为display:flex,子元素为position...原创 2018-08-27 17:32:51 · 11172 阅读 · 1 评论 -
【小程序】map组件z-index无效
因项目需要,以map为背景,上面悬浮有其他组件。微信开发者工具测试时一切正常,但是真机测试时地图组件却把所有的组件覆盖,检查z-index设置,一切正常,地图组件层级也在这些组件的下面,为什么会被覆盖呢?查小程序官方文档,官方文档表示,map组件层级最高无法用z-index控制。这就很难受了。那我一定要在地图上放东西怎么办,官方给出解决办法是1. controls,...原创 2018-08-14 17:32:00 · 4366 阅读 · 0 评论 -
【小程序】真机测试时props改变数据,视图无法更新
父组件通过 .sync 将数据传给子组件的props,子组件里有相关操作会改变props的某个属性的某个值,通过 this.$apply()或this.$emit()更新数据这是一个迷思,在微信开发者工具调试,一切正常,当生成预览,在真机上测试时,视图的数据却无法更新。翻墙过后的世界 https://github.com/Tencent/wepy/issues/317告诉我,关闭微信开...原创 2018-08-14 17:09:06 · 4372 阅读 · 0 评论 -
【小程序】解析wepy里的redux如何处理数据请求
前言:用惯了get/post请求,突然来一个状态管理器,十分地不适应,网上的各式各样教程,说得都是千篇一律,没有自己见解,一直没想通用redux怎么做http请求。自己悟出来一点小门路,记下来,看以后实践起来是否正确。 分析store结构:wepy init出来的项目,src目录下有store文件夹,store文件夹的目录结构如下:store可以理解为一个数据仓库,里面存放着1...原创 2018-07-12 12:09:11 · 5130 阅读 · 0 评论 -
【小程序】wepy处理异步请求(promise、async/await、)
实现步骤1.要使用async/await,得先安装wepy-async-functionnpm installwepy-async-function2.在app.wpy文件里引入wepy-async-functionimport ‘wepy-async-function’3.采用promise封装异步请求的API在这里的模拟数据我是在easy-mock.com...原创 2018-07-17 10:38:07 · 10241 阅读 · 1 评论 -
【小程序】如何使用锚点实现定点跳跃
实现如下图,点击右侧的A/B/C/D....可以快速定位到该字母开头的城市列表。这类似于在html中用a标签实现的锚点跳跃功能。那在小程序中应该如何实现呢。在小程序官方文档中提到scroll-view,scroll-view有scroll-into-view这一属性根据页面的实现,页面分为两大节点,滚动视图区域和定位标签<scroll-view>......<...原创 2018-07-17 10:08:13 · 16010 阅读 · 5 评论 -
【小程序】wepy:官方demo报错 pages/index.js 出现脚本错误或者未正确调用 Page()
直接wepy init生成的wepy项目,在微信开发者工具中报下面的错 百度网上的解决方法1.Page({})第一种说法,js文件没有Page({})方法调用,所以报错,要在对应的js文件添加上述语句。实则官方demo生成的js文件,有Page()方法调用,此说法不成立2.微信开发者工具版本问题第二种说法,微信开发者工具版本低,更新至最新版本即可解决。实则我用的就是最新...原创 2018-07-09 13:53:06 · 4771 阅读 · 2 评论