前言： 为了获取一定高级操作，如：微信模板消息(xiao,xin)推送，把消息推送给用户，或者是获取用户授权信息都需要用到acce token，有效期为两个小时？ 过了两个小时怎么办？重新获取，来，代码撸起走，啥女朋友没有？ 获取小程序对应的acce token def...[2019/8/5]

开发 wepy-plugin-autopages 使用 wepy 开发项目时不需要手动配置 app.wpy 下的 config.pages，autopages 插件会自动监控 pages 目录下文件的变化，自动生成更新对应 app.json 下的 pages。 注意：该插件只会...[2019/8/1]

小程序引用外部js 封装的函数 function GetUserInfo2018() { console.log("获取用户信息8888") } function count(str) { console.log(str) } 转化成小程序模板语言...[2019/7/24]

效果图如下: 核心代码如下: delType:function(e){ var typeId = e.currentTarget.dataset[''id'']; console.log("delete:"+typeId) wx.showModal...[2019/7/23]

关于网络通信，这里我使用的是wx.request,官方代码示例如下: wx.request({ url: ''test.php'', 仅为示例，并非真实的接口地址 data: { x: '''', y: '''' }, header: { ''con...[2019/7/23]

项目地址 https: github.com/fangkyi03/wechat-webview-template 项目介绍 1.wechat 使用taro创建的初始化项目 2.react- r-h5 使用nextjs创建的项目 已经做好完整的兼容处理...[2019/7/22]

简单的自定义组件 本文的使用场景是：多个页面都需要用到拨打电话功能，为减少代码量、便于维护，所以自定义了一个组件，每个页面直接调用即可。基本实现下图样式： 下面我们来一步步的实现它： step1：创建文件夹以及文件 首先创建一个components（名字可自取）文件夹，用于放...[2019/7/22]

用户调用wx.login()方法，获取登录用户凭证code wx.login({ succe : function(res) { console.log(''loginCode'', res.code) } }); code传给后台，凭证code获取se io...[2019/7/22]

背景：由于公司可能需要在微信群里面使用打卡功能，因此做了个技术调研。 方案：微信在更新分享接口后，原有的在onShareAppMe age中直接拿shareTicket已不复存在。根据最新文档显示，需要在App.onLaunch()跟App.onShow()中获取。 Demo核心代...[2019/7/18]

前言 自从微信小程序功能发布后，我就一直关注着小程序的动向，然而限于学业繁忙，总是没有太多的时间去学习。大二逐渐学习了Vuejs，被其简洁的设计所吸引，后来看了看小程序的开发文档，发现这么的相似？可能前端的发展趋势就是这样的吧，各个框架都趋向于相似的优秀的设计。 大三逐渐学习了Go语言，为了练...[2019/7/17]

微信小程序里没有和HTML里的下拉框一样的组件，想要相同的效果只能自己写一个，先看效果 下面来看一下代码： 首先WXML <view cla =''select_box''> <view cla =''select'' catchtap=''sel...[2019/7/16]

本文实例为大家分享了微信小程序页面上下滚动的具体代码，供大家参考，具体内容如下 看图 源码 <view cla ="container container-fill"> <view cla ="scroll-fullpage" bindtouchst...[2019/7/16]

前言 最近公司在开发OTA微信小程序，一些页面的详情内容是HTML富文本格式的的，但是微信小程序不能直接解析HTML，需要将内容中的HTML标签转换成微信小程序所支持的标签。 开始的时候想过自己写方法来替换标签，后来找到了一个很好用的插件：WxParse。 今天分享给大家，Gi...[2019/7/15]

前言 我们在做微信小程序开发的过程中，总会遇到各种奇葩的问题。今天就把我在小程序开发过程中遇到的各种问题，及对应的解决方案总结在这里，方便以后自己回顾，也方便大家查看。 云开发相关 一 云函数调用失败问题 [云函数] [login] 调用失败 Error: errCod...[2019/7/12]

一、模态窗口 delete(){ wx.showModal({ title: '''', content: ''是否确认删除'', succe (res) { if (res.confirm) { console.log(''用...[2019/7/11]

一个简单的介绍 BeautyWe.js 是什么？ 它是一套专注于微信小程序的企业级开发范式，它的愿景是： 让企业级的微信小程序项目中的代码，更加简单、漂亮。 为什么要这样命名呢？ Write beautiful code for wechat mini pro...[2019/7/11]

一. 请求后台的时候，服务端对每一个请求都会验证权限，而前端也需要对服务器返回的特殊状态码统一处理，所以可以针对业务封装请求。 首先我们通过request拦截器在每个请求头里面塞入token等信息，好让后端对请求进行权限验证。并创建一个respone拦截器，当服务端返回特殊的状态码...[2019/7/10]

我们知道tabbar上边框的颜色是通过 tabBar 的 borderStyle 属性设置的，只支持两个值 black / white，参见文档 tabBar 示例，红色 解决办法 其实很简单，自己画一条线定位在页面最底部就可以了，我们可以利用小程序类似于网页 <htm...[2019/7/10]

我们在做小程序支付相关的开发时，总会遇到这些难题—— 1.小程序调用微信支付时必须要有自己的服务器 2.有自己的备案域名 3.有自己的后台开发 这就导致我们做小程序支付时的成本很大 本节就来教大家如何使用小程序云开发实现小程序支付功能的开发—...[2019/7/9]

本文实例为大家分享了微信小程序类似平常微信语音聊天的效果，不会互相干扰播放状态，供大家参考，具体内容如下 根据开发的需求，先理清一下思路，点击语音播放与暂停/停止，切换下一个语音等； 小程序对于audio的组件的一些api方法已经不支持了，详情可以参看：微信小程序audio组件文档 ...[2019/7/9]

前言 随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。 主要代码： <web-view src="https: mp.weixin.qq.com ...[2019/7/8]

 【微信小程序学习笔记（一）】 文章目录 IDE 下载安装 新建项目 参考 IDE 下载安装 下载地址 官方工具：https: mp.weixin.qq.com/debug/w … tml?t=1476434678461 下...[2019/7/4]

前言 我们知道H5页面经常需要将用户导流到APP，通过下载安装包或者跳转至应用宝市场/Appstore等方式进行导流。但是由于小程序嵌套webview时需要校验域名，因此跳转到第三方应用市场和Appstroe无法实现导流。那怎么办呢? 只能说道高一尺魔高一丈，看看微博小程序...[2019/7/4]

微信小程序判断页面是否从其他页面返回，具体内容如下所示： 在 data 中自定义一个标记变量，在onLoad里 Page({ data: { isNewOpen: true, 判断当前页面是新打开还是从其他页面返回 list: [], page: 0 ...[2019/7/3]

背景 最近想要捣鼓一个自己的小程序，其中数据展示部分比较多，想用table来做展示，但是微信小程序并没有table组件，于是就自己动手捣鼓了一个，勉强能用。 可以看看效果： etable使用介绍 etable的使用很简单，分为 引入、使用、配置等3个阶段 ...[2019/6/29]

身份证验证在很多小程序中已经成为必不可少的一部分，它能有效的判断出身份证是否存在，是否输入错误，以防不良人士恶意攻击。 判断一个身份证是否合法的身份证号码有以下几个步骤需要验证 ①：身份证18位数 ②：前17位全是数字 ③：验证最后一位 1.前面的身份证号码17位数分别乘以不同...[2019/6/28]

前言 最近一段时间都在做小程序。 虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。 这次是从零开始开发一个小程序，其实除了一些莫名其妙的兼容性问题，大多数坑点都是在微信小程序的各个入口场景处。 所以这里整理一下微信小程序的各个入口场景，以...[2019/6/26]

介绍 iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。 使用步骤 1：首先在github上面下载组件库代码 github 2：下载之后解压 可以看到解压...[2019/6/25]

开始实现之前先上个效果图   tips 1.网络图片需先配置download域名，可通过wx.getImageInfo转为临时路径； 2.个人习惯问题，我习惯使用async-await语法，所以需要引入regenerator这个库，使用方式可网上查。 一、封装通用微信...[2019/6/21]

前言 在做微信小程序的时候，经常会遇到需要页面间传递参数的情况，根据目前项目经验，总结了以下几种方式：URL传参、缓存和方法调用。 URL传参 这种方式是最简单也是最常用的，这里就不做过多介绍了。 缓存 虽然URL传参比较简单易用，但也有局限性，就是只能传递简单参数，对...[2019/6/14]

前言 微信小程序凭借着“不占内存，即用即走”等特点，加上微信的社交的属性，其用户量一路保持快速的增长。对其的应用要求也日渐增高，使用更多样化、个性化。其中，对顶部导航的自定义实现，因交互功能成了一个普遍需要实现的组件，而尤因其不同设备下样式的兼容问题 如何更优雅的实现 使其成为大家讨论的热点。...[2019/6/12]

背景： 随着业务的增加，我们服务器需要计算大量的用户数据，导致用户跟客服反应页面不能正常展示。反馈给开发后，我们一看，是服务器异常的错误。So，产品想看下我们到底有多少用户页面不能正常展示？ 方案： 后端人员直接在阿里云后台去查哪些接口异常 前端做一个服务器报错页，...[2019/6/5]

微信小程序也有评分了，这个被称为「满意度体系」的新功能正在灰度测试之中。之前就有用户向知晓程序爆料，自己在使用某个微信小程序时，会收到评价小程序的邀请。但邀请的触发机制、评价体系怎么运作等问题，并没有明确的答案。 「满意度体系」的评分来自用户的直接反馈，是一套主观的评价机制，评分可以让开发者更...[2019/6/3]

在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法 方式一:数据绑定 这种情况的话,对应的场景是只有一个按钮或元素调用这个方法的情况下的 在你的.vue文件中的data数据...[2019/5/30]

小程序的主要开发语言是 JavaScript ，开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求。 在大部分开发者看来，ECMAScript和JavaScript表达的是同一种含义，但是严格的说，两者的意义是不同的。ECMAScript是一种由Ecma国...[2019/5/27]

一、微信小程序wepy框架简介: 微信小程序WePY框架是腾讯官方推出来的框架,类似的框架还有美团的mpvue,京东的Taro等; 目前公司开发小程序主要用到的是微信原生方法和官方的wepy框架; wepy框架在开发过程中参考了 Vue 等现有框架的一些语法风格和功能特性，对原生小程序的开...[2019/5/24]

项目中常常需要使用到字体图标，微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。 第一步：下载需要的字体图标 进入阿里图标官网http: iconfont.cn/搜索自己想要的图标，如这里需要一个购物车的图标，流程为...[2019/5/24]

前言 近期闲来无事，想着闲着也是闲着，不如给自己搞点事情做！敢想敢做，于是选择了给微信小程序做个 仿iPhone通讯录 效果的自定义组件。 先来整理一下，瞧瞧需要实现的核心功能。 按照第一个字的首字母排序; 实现输入搜索功能； 侧边栏字母导航； 基...[2019/5/24]

0、可参考的官方页面 获取登录凭证：https: developers.weixin.qq.com/miniprogram/dev/api/wx.login.html 检查登录态是否过期： https: developers.weixin.qq.com/miniprogram/dev/api...[2019/5/23]

0、概述websocket (1) 个人总结：后台设置了websocket地址，服务器开启后等待有人去连接它。 一个客户端一打开就去连接websocket地址，同时传递某些识别参数。这样一来后台和客户端连接成功了，然后后台就可以发消息给客户端了，（客户端也可以再回话给后台）。 (2) so...[2019/5/23]

在京东凹凸实验室开发Taro跨平台早期之前，就已经进行Taro尝鲜了。开发这个实例 猫眼电影 已经过去几个月了。案例部分使用的是猫眼电影真实线上接口，关于订座的座位数据是自己模拟实现的，案例只供参考学习。 开发环境 操作系统：Window 10 Taro版本：v0.0.69 Node...[2019/5/22]

今天给大家分享一下本人做小程序使用websocket的一点小经验，希望对大家有所帮助。 使用之前肯定首先要了解一下websocket是什么，简单来讲websocket就是客户端与服务器之间专门建立的一条特殊通道，请求只需要请求一次，而且还可以从通道实时获取服务器数据，非常适合应用到实时应用上。...[2019/5/22]

具备基础 vue框架：vue官方文档 mpvue框架：mpvue官方文档 全局配置 •找到全局的app.json文件，在配置中添加如下内容： "navigationStyle": "custom" "window": { "backgroundTe...[2019/5/22]

本文实例讲述了微信小程序图表插件wx-charts用法。分享给大家供大家参考，具体如下： 微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个 支持图标...[2019/5/21]

第一次写小程序，老板就让我用websoket写个聊天对话，群聊这种。第一次写聊天功能，第一次用websoket,第一次用小程序，这是在考验我吗？不过我还是研究了一下，终于实现了。 首先看一下界面，界面很简单，就是首页刚进来获取了用户信息头像，昵称等。点击进入聊天室就可以聊天了,下面我介绍的是前...[2019/5/20]

在云控制台操作云数据库，即创建数据库和插入数据等操作。 云开发数据库提供的数据类型：string、number、object、array、bool、GeoPoint(地理位置点)、Date（时间）、Null 其中的Date表示时间，精确到毫秒。小程序端用Javascript内置Date对象...[2019/5/20]

本文实例讲述了微信小程序rich-text富文本用法。分享给大家供大家参考，具体如下： rich-text是一个新增的微信小程序插件,从基础库1.4.0开始,低版本需要做兼容处理 nodes属性可为Array和String类型,但推荐使用Array.由于String类型最终也会转为Arra...[2019/5/20]

本文以一个简单的小例子，简述在微信小程序开发中左右分栏功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，属于初级入门内容，仅供学习分享使用。 概述 在微信小程序开发中，左右分栏（左边显示分类，右边显示明细，然后进行联动）是一种常见的布局方式，多应用于点餐，冷...[2019/5/20]

今天看到微信推送了一条小程序云上线通知，作为一个前端er，满怀期待的去看了看，很不错先看看文档上怎么说的： 开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力，6的一匹。 云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API...[2019/5/17]

本文实例为大家分享了微信小程序云开发环境配置的具体方法，供大家参考，具体内容如下 注意：小程序云开发需要使用注册的小程序appid，测试和游客进入是没有云开发的功能。 首先我们新建小程序项目，填写申请的appID如果没有需要注册一个，微信为我们提供了一个云开发快速启动的模板，这里我们勾选进...[2019/5/17]