您现在的位置: 微信小程序 > 微信小程序开发 > 教程 >

微信小程序使用原生WebSokcet实现断线重连及数据拼接

以前做小程序为了应急找了个插件去链接WebSokcet,文章传送门。 回过头在新项目中再次使用时出现了些许问题,不一一赘述。遂决定好好用一下原生的WebSokcet。 一、说明 1.小程序原生...

阅读(173)

教程

微信小程序没有授权时的处理方法

背景:微信小程序很多都需要用户的微信授权,可是很多瓜皮用户会狠心拒绝,但是不管用户怎么操作,我们必须让用户能够更好的体验小程序。 过程:我把用户的操作分四种。 1)用...

阅读(136)

教程

撸一个会话备忘录的小程序(白山羊备忘录)

说明: 数据在本地缓存中操作,纯前端无后台,不用担心信息泄露问题 实现步骤(个人版): 1、注册微信小程序,获取appid 注册网址: https://mp.weixin.qq.com 2、下载新版微信开发者工具...

阅读(122)

教程

微信小程序之多列表的显示和隐藏功能(附源码)

今天在项目碰到一个问题,之前在项目首页实现单列表的显示和隐藏,通过wx:if判断就可实现,现在要实现多列表的单项显示和隐藏功能应该如何实现呢?如果还用wx:if实现的话会出现点...

阅读(175)

教程

小程序支持打开移动应用到底是怎么回事?

从苹果官方微信号微信公共平台发布的文章 《小程序支持打开移动应用》来看,小程序新增了两个功能: 支持打开移动应用 标题栏区域开放自定义 针对第二个功能,就是开发者可以自...

阅读(52)

教程

为头脑王者微信小程序做一个外挂

背景 每逢周六,如果手头项目不紧,有空闲的话,大家会酝酿一个weekend的小项目, 这个周六下午,大家聊起了头脑王者这个微信小程序,大家讨论的不亦乐乎,忽然有人提议为这款游戏做一款问...

阅读(135)

教程

微信小程序客服消息模块

发送文字消息 $type = text; // 可选参数,text,link,image,miniprogrampage$kefu = new \Com\Kefu($type,$token); //群发消息一般都是群发一种类型的消息的,所以将type加载到构造中$data = array( touser=xxxxx, te...

阅读(77)

教程

入坑微信小程序(项目搭建)上

超荣幸能够参与我司【更美小程序】的搭建,在此分享些心得希望能够帮助到像我一样的前端界萌新。因【更美小程序】源码需保密,我仅向大家分享基础建设级别的非业务代码。 点我...

阅读(120)

教程

入坑微信小程序(项目搭建)下

关于 wx.getLocation 首次 执行 wx.getLocation 小程序将自动调启如下 dialog: 请注意是 首次 !无论用户选择确定或是取消,再次进入更美测试均不会被询问是否开启定位(调用 100 次 wx.getLo...

阅读(123)

教程

wn-cli 像React组件开发一样来开发微信小程序

项目地址:wn-cli wn-cli wn-cli 像React组件开发一样来开发微信小程序 名字由来:wn - weapp native取第一个字母 Install npm install wn-cli --save-dev// 或者yarn add wn-cli --dev Usage // 构建npx wn ./examples ....

阅读(78)

教程

微信小程序实现流程进度功能

最近正在做微信小程序,需要实现一个流程进度的图样式如下面 需求: 没完成的灰色小圆点表示 完成的使用蓝色小圆点设置 当前状态使用有外圈的小圆点表示 实现起来比较简单,实...

阅读(164)

教程

微信小程序 template 模板标签接受对象或数组作为 data 参数

官网案例是直接用对象扩展运算符传递一些简单数据; 实际项目中,我需要传递一个数组,该数组的每一项都是一个对象,来实现一个比较复杂一点的模板功能; 最初的解决方案是套...

阅读(154)

教程

微信小程序之条件判断

前文: 今天踩了一下午的坑,但是确实很简单的问题。 我说一下需求:扫描商品的二维码,从而判断,同一个二维码不可多次扫描; 点击扫一扫 会在灰色区域展示 扫描的商品信息,...

阅读(110)

教程

微信小程序组件滑动导航和获取元素实际高度

viewscroll-view scroll-x scroll-with-animation scroll-left={{menuIndex}} style=height: 100px; width:100%;view id=#haha class=all style=width:{{menuWidth}}px;block wx:key=lists wx:for={{li ... view scroll-view scroll-x scroll-with-animation...

阅读(186)

教程

微信小程序获取用户信息“授权失败”场景的处理

很多的时候我们在处理小程序功能的时候需要用户获取用户信息,但是呢为了信息安全,用户不授权导致授权失败场景;但是小程序第二次不在启动授权信息弹层,为了用户体验,可以...

阅读(137)

教程

小程序内置组件swiper,circular(衔接)使用小技巧

swiper,关于滑块的一些效果无缝,断点,视差等等...我想这里就不用做太多的赘述,这里给大家分享一下实战项目中使用circular(衔接)的一点小特性、小技巧,当然你也可以理解为遇...

阅读(113)

教程

揭密微信跳一跳小游戏那些外挂

WeTest 导读 张小龙:这个游戏发布以后,其实它的效果有点超出我们的预期,我们自己开玩笑说,这个游戏突然变成了有史以来可能用户规模最大的一个游戏,因为它的DAU大概到了1点几...

阅读(169)

教程

从零开始一个微信小程序版知乎

以前工作没直接进行过 小程序的开发,最近闲了下来就赶紧学习一下。因为从零开始,所以没有使用任何框架及UI库,记录一下本次开发中踩过的坑吧~ 展示效果( 界面样式设计与交互来...

阅读(112)

教程

微信小程序版2048

最近流行微信跳一跳小游戏,我也心血来潮写了一个微信小程序版2048,本篇文章主要分享实现2048的算法以及注意的点,一起来学习吧!(源码地址见文章末尾) 算法 生成4*4棋盘视图...

阅读(184)

教程

初探微信小程序开发

背景 项目起始时间:2017-11-28 前端人数: 3 页面数: 6 一期上线时间:2018-01-16 在我们开发的过程中,小程序的生态也不断变化。例如 最开始不支持其打开的 web 页面调起小程序页面,...

阅读(60)

教程

微信小程序中的分享事件

小程序的分享 onShareAppMessage(options) 在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。 只有定义了该函数,小程序右上...

阅读(130)

教程

微信小程序充值及充值回调后的处理

微信小程序的充值流程与 H5 或 公众号大致差不多,这里简单说一下前端在充值时候的一些操作流程。 用户在小程序中发起充值请求时,一般会先请求自己的服务器,将充值的参数发送...

阅读(178)

教程

微信小程序--TabBar不出现

今天打算开始实战一个微信小程序项目,一开始就踩坑了,正确设置了TabBar,但是TabBar就是不能显示出来,后面才找到原因,这里记录下: app.json正确代码: { pages:[ pages/index/index, pag...

阅读(130)

教程

基于一个好玩儿的聊天室理解小程序 session 管理

panda-chat-room 小程序版 websocket 聊天室。 从服务器到小程序客户端配置基础教程。 在本教程内我们将在小程序内实现一个基本的 websocket 聊天室, 计划实现以下功能: 微信用户登录「...

阅读(83)

教程

微信小程序组件 加减号弹出框

view class=add-rob bindtap=setModalStatus data-status=0 wx:if={{showModalStatus}}viewview class=rob-box wx:if={{showModalStatus}}view class=shade-shop-detailview class=detail-right flexbview class=detail-title-de购买数量viewview class=s...

阅读(105)

教程

聊一聊卡卷签名的那些坑

最近在做小程序卡卷,真是一个接一个的坑,不仅网上的资料不多,官方文档更是混乱,搞了好几天才搞定,这里说说过程中遇到的坑,基本上这些坑90%都出在签名上。 卡卷签名主要用...

阅读(83)

教程

微信小程序canvas尺寸设置

微信小程序尺寸设置可使用rpx来标记尺寸,类同rem可在微信小程序中自适应兼容换算不同的机型尺寸。 但在小程序canvas中,尺寸换算会无效(由于绘画的滞后),因此需要自适应计算...

阅读(122)

教程

微信小程序热更新和微信运动打卡

首先,我要祈祷这次审核通过吧!!! 你看到这篇文章的时候可能我的小程序还没有审核通过,或者审核没通过,(^▽^)! 话说元旦之前我做了一款新年图片日记的小程序,结果因为是...

阅读(51)

教程

关于微信小程序wx.switchTab的问题

昨天做了个功能要从首页跳到tabBar页,并且要带上参数.首先我是这样做的: 在index.js中: toCategory:function(event){ var cate_id = event.currentTarget.dataset.cate_id; wx.switchTab({ url: ../category/category?cate_id...

阅读(123)

教程

小程序学习笔记1-tabBar、轮播图和九宫格

今天开始学习小程序,按自己写APP的顺序开始,就不按微信官方文档来了。 有些控件是结合官方和网上其他同学分享的代码。 基础概述 这一部分看官方网站,了解一下小程序的架构页...

阅读(158)

教程