[其它] 微信小程序实现皮肤功能（夜间模式）

说明：老规矩，先上效果图 个人对夜间模式这个功能情有独钟 晚上黑灯瞎火的看手机，屏幕亮度就算调到最低依然很是刺眼呀 所以我一直用某浏览器，因为有夜间模式 言归正传，依然是分析功能点       1.点击按钮，切换一套css（这个功能很简单）       2.把皮肤设置保存到全局变量，在访问其它页面时也能有效果       3.把设置保存到本地，退出应用再进来时，依然加载上次设置的皮肤 先从切换开始吧，switch很少用，还是贴一下吧 Page({
<weixin_38650516> 上传 | 大小：139kb

[其它] 微信小程序 action-sheet 反馈上拉菜单简单实例

说明：微信小程序 action-sheet 反馈上拉菜单简单实例 看下实现效果图： js var items = ['item1', 'item2', 'item3', 'item4'] var pageObject = { data: { actionSheetHidden: true, actionSheetItems: items }, actionSheetTap: function (e) { this.setData({ actionSheetHidden:
<weixin_38543749> 上传 | 大小：31kb

[其它] 微信小程序网络请求的封装与填坑之路

说明：以前写过一篇关于微信小程序上拉加载，上拉刷新的文章，今天写的是关于小程序网络请求的封装。 在这里首先声明一个小程序文档的bug，导致大伙们在请求的时候，服务器收到不到参数的问题 示例代码： wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '' , y: '' }, header: { 'Content-Type': 'application/json' }, success: function(res) {
<weixin_38500664> 上传 | 大小：156kb

[其它] 微信小程序手势操作之单触摸点与多触摸点

说明：前言 手势对于一些效果是比较重要的，在canvas、交互等中应用非常广，看一下微信小程序手势是如何的。 Demo 为了研究小程序是否支持多手指，需要使用touchstart,touchmove,touchend // index.wxml //index.js touchstartFn: function(event){ console.log(
<weixin_38714370> 上传 | 大小：85kb

[其它] 微信小程序 弹框和模态框实现代码

说明：微信小程序 弹框和模态框实现代码 实现效果图： 实现代码：              /*模态框*/ .wxapp-modal{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px;
<weixin_38658982> 上传 | 大小：30kb

[其它] 微信小程序WebSocket实现聊天对话功能

说明：本文实例为大家分享了微信小程序WebSocket实现聊天对话功能的具体代码，供大家参考，具体内容如下 js var app = getApp(); var socketOpen = false; var frameBuffer_Data, session, SocketTask; var url = 'ws://请填写您的长链接接口地址'; var upload_url ='请填写您的图片上传接口地址' Page({ data: { user_input_text: '',//用户输入文
<weixin_38624557> 上传 | 大小：50kb

[其它] 微信小程序实现拖拽 image 触摸事件监听的实例

说明：微信小程序实现拖拽 image 触摸事件监听的实例 需要做个浮在scroll-view之上的button.尝试了一下. 实现效果图： Android中也会有类似移动控件的操作.思路差不多.获取到位移的X Y 的变量,给控件设置坐标. 1.index.wxml <image class=image-style src=../../images/gundong.png bindtap=ballClickEvent style=bottom:{{ballBottom}}px;right:
<weixin_38516386> 上传 | 大小：92kb

[其它] 微信小程序三级联动地址选择器的实例代码

说明：本文介绍了微信小程序三级联动地址选择器的实例代码，分享给大家，有需要的可以一起了解一下 在一些电商类的小程序中，地址选择这个功能一般是必备的，一般的收货信息都需要有一个能选择省市县的控件，当然也有些人为了省事就直接写了一个供输入的input，那么这样做的缺点不言而喻，而且用户体验也不是那么的好，今天的这篇文章就分享一下微信小程序地址选择的实现。省市县的数据以及区域码可以从国家统计局查询到，具体可以自己搜一下。照例先上源码和效果图 源码传送门 picker和picker-view组件 在正式介
<weixin_38692969> 上传 | 大小：81kb

[其它] 微信小程序 wx.request方法的异步封装实例详解

说明：wx-promise-request 是对微信小程序 wx.request 方法的异步封装。 解决问题 支持 Promise (使用 es6-promise 库)。 管理请求队列，解决 request 最大并发数超过 10 会报错的问题。 下载 npm install wx-promise-request 然后拷贝 dist/index.js 文件到你的小程序项目中。 使用 import {request} from './wx-promise-request'; request({
<weixin_38742409> 上传 | 大小：28kb

[其它] 微信小程序实现锚点定位楼层跳跃的实例

说明：微信小程序实现楼层锚点跳跃，点击不同的锚点进行位置跳跃： 利用：scroll-into-view 来实现 效果图如下： WXML: {{item.region}} <view wx:f
<weixin_38589774> 上传 | 大小：41kb

[其它] 微信小程序 wx:for的使用实例详解

说明：微信小程序 wx:for的使用实例详解 在小程序的开发过程中，经常会用到在前端页面循环打印一个数组或者对象的数据，这样的话就需要用wx：for来实现。 一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据，这些在上一篇博客中有详细介绍。我们最后说到写好的本地数据可以另一个页面读取： var fileData = require('../../utils/data.js') Page({ data: { showDa
<weixin_38715772> 上传 | 大小：49kb

[其它] 微信小程序 商城开发（ecshop ）简单实例

说明：最近小程序特别火，所以我们公司也针对ecshop平台对接了小程序 包括完整的用户系统和购物体统 用户系统：收货地址，订单管理，消息管理，优惠券管理等等 购物系统支付购物车管理，微信支付等等 相信有很多小伙伴都用的是ecshop作为自己的商城，最近小程序又火了，于是就有人问ecshop对接小程序怎么做。 正好最近在开发一个对接ecshop的小程序项目，就将我的一些开发经验分享一下。 一：扫描小程序二维码后的用户信息的获取和缓存 获取用户信息需要用到两个api wx.l
<weixin_38666230> 上传 | 大小：260kb