一、使用APIwx.chooseImage(OBJECT) wx.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。 OBJECT参数说明：参数类型必填说明countNumber否最多可以选择的图片张数，默认9sizeTypeStringArray否original 原图，compressed 压缩图，默认二者都有sourceTypeStringArray否album 从相册选图，camera 使用相机，默认二者都有successFunction是成功则返回图片的本地文件路径列表 tempFilePathsfailFunction否接口调用失败的回调函...
微信小程序最近非常火热，小编最近做了一个新项目，使用小程序开发考试系统，在使用App参加考试的时候调用摄像头抓拍用户是否作弊，在开发过程中遇到点问题，下面小编把问题描述和解决方法分享给大家，具体内容如下： 问题 今天小编遇到了这么个问题，就是在用户使用App参加考试的时候调用摄像头抓拍用户是否作弊，其实这也没什么，关键在于不能打扰用户考试，不能被用户发现什么时候抓拍的，也不能给用户查看图片，只有考完是后才...
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 badge 徽章组件是一个很常用的基础元件， MinUI 中 badge 组件的效果图如下：各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信扫一扫下面的小程序二维码先一睹为快：下面介绍 badge 组件的...
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。首先先看一下这套框架的GItHub地址 微信小程序UI框架we-ui1.从git上clone到本地 太简单的东西我就不解释了,直接讲怎么用吧 这是解压后的目录2.新建一个项目 将 dist/style/目录下的weui.wxss 放到新项目的根...
weui提供的图标比较少，有时我们需要更多的图标，可以使用以下方法自定义图标库： 1，到阿里巴巴矢量图标库(http://iconfont.cn/)生成自己的字体图标，下载代码，解压，打开iconfont.css 2，在wxss文件中引用字体 <style type="less"> @font-face {font-family: iconfont;src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTYTHwTUAAAfIAAAAHEdERUYAKQAMAAAHqAAAAB5PUy8yVuZh6QAAAVgAAABWY21hcAA8D8sAAAHIAAA...
背景之前小程序代码混乱，所以新项目一开始就准备弄个微信小程序的 request 的封装 httpUtils.jsconst request = function (path, method, data, header) {let user_id = "";let token = "";try {user_id = wx.getStorageSync(USER_ID_KEY);token = wx.getStorageSync(TOKEN_KEY);} catch (e) {}header = header || {};let cookie = [];cookie.push("USERID=" + user_id);cookie.push("TOKEN=" + token);cookie.push("device=" + 1...
scroll-view滚动穿透，阻止滚动页面弹窗阻止滚动是一种常见的问题，这里简单介绍小程序scroll-view的一种解决方式 常用阻止滚动方式在不使用scroll-view的弹窗中, 为position为absolute或fixed的元素设置catchtouchmove空事件就可以阻止弹窗下的页面因事件穿透滚动 <view catchtouchmove="doNothing"></view>也可直接写catchtouchmove，相当于绑定了事件名为true的事件 问题场景在小程序中，在absolute或fixed的类弹窗布局中。要显...
项目背景：小程序中实现实时聊天功能 一、服务器域名配置 配置流程配置参考URL：https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html 二、nginx中配置反向代理加密websocket(wss) upstream websocket{hash $remote_addr consistent;server 127.0.0.1:9090 weight=5 max_fails=3 fail_timeout=30s; } server {listen 80;server_name www.xxxx.cn;rewrite ^(.*)$ https://$host$1 permanent; } server{ listen 4...
在小程序后台，微信已经提供了强大的数据分析功能，包括实时统计、访问分析、来源分析和用户画像功能，可以说对一般的数据分析已经完全足够了，但有时应用需要做一些更加精准的数据分析，比如具体到某一个页面的分享，页面中某一个button的点击等，这时候就需要用到自定义分析功能。 什么是自定义分析？ 引用下官方文档： 自定义分析支持灵活多维和近实时的用户行为分析，可以通过自定义上报，对用户在小程序内的行为做精细化跟踪，...
在微信这个聊天工具里的小程序上实现聊天功能，总感觉怪怪的。但领导要求了，总是要干的。 然后就实时通讯这个关键词展开搜索，穿梭于网页之间。不过粘贴复制的真的太多了，找了半天也没找到想要的，不过还是提取到了关键词的WebSocket和node.js的，然后搜索这两是啥，什么关系，总算明白了一点。 最后确定了第一步需要干的是用node.js搭建服务（我是装在自己的windows下的）： 1.首先到官网下载node.js，下载链接 安装很简单，...
微信小程序bug记录 textarea 1.textarea在模拟器上没有padding，可是在真机上会自带padding，而且在外部改不了，并且在安卓和IOS上padding还不一样第一张图是在开发工具上的，第二张图是在IOS真机上的。从上图可以看出来，在开发工具上显示很正常，而且没有padding，可是在真机上左上角就出现了padding，并且无论你在外部对textarea的padding做任何处理，都无法覆盖。 目前有一种解决方式是根据ios和android的不同平台来给teaxarea...
把微信小程序异步API转化为Promise。用Promise处理异步操作有多方便，谁用谁知道。微信官方没有给出Promise API来处理异步操作，而官方API异步的又非常多，这使得多异步编程会层层回调，代码一复杂，回调起来就想砸电脑。于是写了一个通用工具，把微信官方的异步API转化为Promise，方便处理（多）异步操作。 你可以这样用： 准备转化后的方法并暴露出 // /utils/wx-promise.js import toPromise from /module/to-promise/src/index...
具体代码如下所示：<navigator url="../../pages/newsDetail/newsDetail?id={{news.id}}"><view class="list-item"><view class="little-item"><view class="left-box"><image src="{{news.thumb[0]}}"></image></view><view class="right-box"><view class="title">{{news.title}}</view><view class="info"><view class="author-info"><view class="author-avatar"><image src="{{news.pubInfo.avatarUrl}}"></image></view><vie...
记录微信小程序中使用wxss加载图片并实现动画的方式，最终实现loading效果。 代码 .weui-loading { margin: 0 5px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: a 1s steps(12) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmls...
本文介绍了微信小程序滑动选择器的实现代码，分享给大家，具体如下： 实现微信小程序滑动选择效果在wxml文件中，用一个picker标签代表选择器，bindchange是用户点击确定后触发的函数，index是picker自带的参数，用户点击确定后，bindchange绑定的函数用.detail.value就可以访问到。第一个选择的index值为0，依次递增。range要在page的data中先定义一个数组给它赋值，然后数组的值就会变为选择器中的选项 <picker bindchange="bindP...