微信小程序
微信小程序
极客点儿
但行好事,莫问前程
展开
-
微信小程序消息订阅开发方案
小程序消息订阅开发需要完成以下三部分1. 申请模板主动消息推送小程序已经关闭替代的是需要用户主动订阅,在申请好模板以后需要根据模板 id 进行推送不同的内容模板申请需要 3 - 5 个工作日2. 用户授权小程序推送需要用户进行主动授权,在授权的时候一定要将底部 不咨询问 勾选上,要不然获取不到消息获取授权需要在程序中新增 订阅消息 的 API3. 后端推送后端推送需要两项工作:编写每个微信用户获取数据的接口使用定时任务调用小程序推送接口用户点击需要进入小程序内原创 2020-07-24 13:37:21 · 570 阅读 · 0 评论 -
微信小程序:弹窗
微信小程序在和用户交互时候需要给用户一些提示,例如是否请求到数据等,这时候使用弹窗是一个比较好的方法好在微信小程序给我们提供了一个 API wx.showToastsuccess: function (res) { app.globalData.allData = res.data.datas; if (res.data.status == 200) { ...原创 2018-08-12 17:25:31 · 1174 阅读 · 0 评论 -
微信小程序:清空或修改 input 值
微信小程序中的 input 组件是没有清除功能的,所以想要实现这个功能就得想其他的方法我使用了一种特别讨巧的方法,就是当你需要清空或者替换的时候,其实是替换 input 的 value 值这时候使用 this 对象先捕获现在 value 的值,然后再将其的值替换即可wxml 代码<!-- 导入 wxSearch 搜索组件--><import src="../....原创 2018-08-12 17:25:11 · 5153 阅读 · 0 评论 -
微信小程序:搜索组件 wxSearch
微信小程序没有搜索功能的组件,我们可以使用输入框和按钮组件,或者使用 wxSearch 第三方组件github地址:https://github.com/icindy/wxSearchwxSearch经过使用后发现这个组件还是很不错滴,优雅的微信小程序搜索框一、功能支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存二、使用将 wxSearch...原创 2018-08-12 17:24:56 · 5054 阅读 · 2 评论 -
微信小程序:返回顶部功能
微信小程序回到顶部的原理是,需要实时地获取滚动条的位置,回到最上层滚动条是 0wxml 代码<!-- 一键回到顶部 --><image class='top' catchtap='goTop' src='{{ icoSrc }}'></image>js 代码 /** * 回到顶部功能 */ // 获取滚动条当前位置 ...原创 2018-08-12 17:25:53 · 1520 阅读 · 0 评论 -
微信小程序:下拉刷新、上拉加载更多
查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效;index.json{ "enablePullDownRefresh": true, "onPullDownRefresh": true, ...原创 2018-08-11 11:12:39 · 1011 阅读 · 0 评论 -
微信小程序:设置全局变量
微信小程序里面有个app.js,我们可以在这个里面设置全局变量App({ globalData:{ user:'', data:{ a: '', b: '', } } })然后在,用到全局变量的js页面里写上Page({ onLo...原创 2018-08-11 10:57:43 · 2620 阅读 · 0 评论 -
微信小程序:wxss 设置样式
对于以前搞客户端开发的来说,有着客户端的逻辑,就是不知道怎么设置样式,把对应的控件显示出来一、wxml界面结构wxmL比较容易理解,主要是由八大类基础组件构成: 一、视图容器(View Container): 二、基础内容(Basic Content) 组件名 说明 组件名 说明 view 视图容器 icon 图标 scrol...原创 2018-08-11 10:55:07 · 2442 阅读 · 0 评论 -
微信小程序:同步请求
微信小程序默认是用同步请求的,但有些时候需要数据的同步请求,可使用的方法有很多,比较常用的有两种1、 globalData 全局变量app.jsApp({ // 全局变量 globalData: { currentPage: 1, allData: null, findData: null, },})index.js// 获取应用实例...原创 2018-08-11 10:54:33 · 10421 阅读 · 2 评论 -
微信小程序:MD5 加密
微信小程序是基于 js 进行封装的,所以,本质上是 js 的 MD5 加密一个问题是,我后台服务器用的是 Python,js 和 Python 会有 MD5 密文不一致的情况具体参考:https://segmentfault.com/q/1010000009285922网上可以下载到很多第三方的 MD5 包,但是微信小程序和 js 还是不同的,需要稍微的进行改造/* * Jav...原创 2018-08-11 10:43:54 · 2033 阅读 · 0 评论 -
微信小程序:获取系统时间、时间戳、时间时间戳加减
//获取当前时间戳 var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; console.log("当前时间戳为:" + timestamp); //获取当前时间 var n = timestamp * 1000; var date = new Date(n); ...原创 2018-08-11 10:35:57 · 2938 阅读 · 0 评论 -
微信小程序:页面跳转
小程序页面的跳转有很多种方法,比较常用的有两种:1、wx.navigateTo APIwxml 先绑定事件<button class='btn' bindtap='goNew'>点我去新页面</button>js 中使用 wx.navigateTo 即可goNew:function(e){ wx.navigateTo({ ur...原创 2018-08-11 10:34:32 · 264 阅读 · 0 评论 -
微信小程序:wx:for 报错
当我们开发微信小程序用到 wx:for 时可能会在控制台报"Now you can provide attr "wx:key" for a "wx:for" to improve performance" 的警告不要慌张这只是警告不妨碍运行,消除警告只需要在"wx:for"后面添加wx:key="xxx"就行了...原创 2018-08-11 10:18:57 · 1500 阅读 · 0 评论 -
微信小程序:调用本地接口
小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/小程序是运行在微信平台的一种轻量级app,通过一系列微信特定的组件构建用户界面,数据还是通过调用数据接口来获取。所以,调用本地接口,在小程序中很重要。 1、首先需要绑定小程序id,然后添加request 合法域名,微信要求接口是https加密传输,所以服务器需要安装证书...原创 2018-08-11 10:17:03 · 3722 阅读 · 0 评论 -
微信小程序:数据传输长度已经超过最大长度 1048576 的错误
由于调用接口会返回很多数据,用到的可能只有几个字段。这么多数据直接扔到小程序模板里面去遍历(wx:for),开发者工具的日志里面就直接报错了:invokeWebviewMethod 数据传输长度为 1233778 已经超过最大长度 1048576出现这个问题的原因是setData 这步出问题,每次setData 会传入大量数据,所以我们只需要传递需要的参数即可解决方法如下:1、后台的...原创 2018-08-14 15:35:20 · 13434 阅读 · 1 评论