在微信小程序中 最常用的<view>控件 可以用bindtap（冒泡反应） 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset，其包含一个名为mType的元素 值为123。...[2019/4/8]

问题描述： 1）wxml片段 <view bindtap="loadMulti"> <text>连续点击,加载多次</text> </view> <view bindtap="loadOnce"> <...[2019/4/8]

前言：acce _token是微信公众平台接口的重要参数，很多接口都需要这个参数。 微信公众平台文档地址：微信公众平台技术文档 一、acce _token说明 acce _token是公众号的全局唯一接口调用凭据，公众号调用各接口时都需使用acce _token。开发者需要进行妥善保存...[2019/3/29]

本文实例讲述了微信小程序学习笔记之登录API与获取用户信息操作。分享给大家供大家参考，具体如下： 前面介绍了微信小程序跳转页面、传递参数获得数据，这里来分析一下登录API与获取用户信息操作方法。 【小程序登录】wx.login() app.js： App({ onL...[2019/3/29]

好久没有写文章了，最近公司要做海报分享的活动，需要在小程序中生成扫了之后可以跳转普通网页的二维码，就在github上面找了一下，确实找到了一个兼容兼容性比较不错的，给打加分享一下。 中间尝试了不少，有些在Android上上城会出现问题，亲测这个有效，兼容比较好，已经应用到我们项目中了。 ...[2019/3/29]

本文实例讲述了微信小程序学习笔记之文件上传、下载操作。分享给大家供大家参考，具体如下： 前面介绍了微信小程序登录API与获取用户信息操作。这里再来介绍一下文件的上传与下载操作。 【文件上传】wx.uploadFile （以上传图片为例） 后台上传接口Upload.php：（tp...[2019/3/29]

昨天写了一篇小程序本地生成二维码的功能小程序本地生成二维码，趁热打铁今天给大家分享一下小程序内生成海报的功能以及具体步骤 这次分享海报里面的元素比较少，进行绘制的分别有头像，海报背景以及二维码（二维码的生成请看上面《小程序本地生成二维码》一文），此次没有涉及到文字的绘制，不过原理大致相同，...[2019/3/29]

本文实例讲述了微信小程序学习笔记之获取位置信息操作。分享给大家供大家参考，具体如下： 前面介绍了微信小程序文件上传、下载操作。这里分析一下获取位置信息操作。 【获取当前位置信息】wx.getLocation() getlocation.wxml： <view>...[2019/3/29]

最近开发一个项目时，有微信H5网页自定义分享功能，使用了微信JS-SDK的分享到好友和分享到朋友圈功能。 微信开发文档这样写的 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） wx.ready(function () { 需在用户可能点击分享按钮前就先...[2019/3/29]

本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考，具体如下： 前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。 【将数据存储在本地缓存】wx.setStorage 【读取本地缓存】wx.getStorage 以手机号+...[2019/3/29]

微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如：wx.request、wx.showToast、wx.showLoading等。如果需要同步处理，可以使用如下方法： 注意： Async-await方法属于ES7语法，在小程序开发工具中如果勾选es6转es5, 会报错： ...[2019/3/29]

在微信小程序开发过程中，有时候会用到常用的一些特殊字符如：‘<''、‘>''、‘&''、‘空格''等，微信小程序同样支持对转义字符的处理，下面提供两种方法用来处理微信小程序中转义字符的处理。 1.官方API调用 这种方式，我们直接在wxml布局文件中，直接调用相关特殊符号的转义...[2019/3/29]

一、创建小程序项目 mock.js 从 https: github.com/nuysoft/Mock/blob/refactoring/dist/mock.js 下载 api.js：配置模拟数据和后台接口数据，通过DEBUG = true; 切换数据入口 let API_...[2019/3/28]

本文实例讲述了微信小程序开发实现的IP地址查询功能。分享给大家供大家参考，具体如下： 微信小程序 开发 参考   https: mp.weixin.qq.com/debug/wxadoc/dev/component/ search.wxml &l...[2019/3/28]

原生组件 小程序中的部分组件是由客户端创建的原生组件，这些组件有： camera canvas input（仅在focus时表现为原生组件） live-player live-pusher map textarea video 原生组件的使用限制 由于原生组件脱离在...[2019/3/25]

小程序显示弹窗时禁止下层的内容滚动实现方法，具体如下 ①  第一种方式 利用position:fixed.  禁止页面滚动. 一. 页面结构html  <view cla ="indexPage {{proInfoWindow&#...[2019/3/21]

随着小程序商城的热度不减，更多的电商大佬纷纷使用小程序，如今已建立起2万开发者、1.2亿用户日活的小程序生态。微信对小程序的大力支持，也让无数的开发者和商户看到了微信小程序的无限发展潜力。但是，身边有很多朋友都会遇到一些问题，常见的就是在发布完的小程序后，自己的小程序在微信里搜不到的情况，这让很多...[2019/3/19]

获取微信小程序登录的se ion，整个过程如下： 第一步：小程序取得要往服务端传的 js_code App({ onLaunch: function() { wx.login({ succe : function(res) { if (res.co...[2019/3/18]

一、实践踩坑 项目使用mpvue开发 1. scroll-view默认是不滚动的。。所以要先设置scroll-x="true"或者scroll-y="true" 2. 在scroll-view里面添加定宽元素，超过scroll-view宽度（设置了100%，即屏幕宽度)后，它竟然...[2019/3/15]

微信提供给第三方服务接入的方案，就是服务号、订阅号、小程序以及企业微信。 这些方案集中在微信公众平台，日趋完善，给微信提供无限活力，让微信的服务内容越发精彩丰富。 官方介绍 服务号 给企业和组织提供更强大的业务服务与用户管理能力，帮助企业快速实现全新的公众号服务平台。 ...[2019/3/4]

其实如果对微信公众平台有一定了解，那么一定不会将微信开放平台搞混。 公众/开放平台的误解 有人喜欢用受众不同，把它们区分为运营者或开发者的工具，公众平台是给运营者，而开放平台是面向开发者。 这种说明挺误人子弟的，难道公众平台的受众就不包括开发者吗？难道开放平台就没有运营者的使用价...[2019/3/4]

为什么不能频繁 setData 先科普下 setData 做的事情： 在数据传输时，逻辑层会执行一次 JSON.stringify 来去除掉 setData 数据中不可传输的部分，之后将数据发送给视图层。同时，逻辑层还会将 setData 所设置的数据字段与 data 合并，使开发...[2019/2/21]

最近，看了《张小龙4小时“拖堂”演讲，全面总结微信8年》，对公众号有一些碎碎念，分享一下。   提起微信公众号，大家似乎非常熟悉，普遍的印象是：“关注了某个公众号，就可以收到它推送的文章，也可以分享到朋友圈”。是的，这是对公众号的普遍认知，但是，这不是真正的公众号，或者说这不是公...[2019/1/29]

一、 创建index.wxml、index.wx 、index.js   附上代码： 1 <view cla ='container'>2 <input cla ='info' plac...[2019/1/29]

本文实例讲述了微信小程序MUI导航栏透明渐变功能。分享给大家供大家参考，具体如下： 导航栏透明渐变效果 实现原理 1. 利用position:absolute在导航下定位一个view作为背景渐变使用; 2. 通过改变改view的opacity来实现透明渐变。 WXML ...[2019/1/25]

本文实例讲述了微信小程序MUI导航栏透明渐变功能。分享给大家供大家参考，具体如下： 导航栏透明渐变效果 实现原理 1. 给page-group设置的背景颜色采用rgba; 2. 通过改变rgba其中a的值来实现透明渐变。 WXML <view style...[2019/1/25]

本文实例讲述了微信小程序使用map组件实现解析经纬度功能。分享给大家供大家参考，具体如下： 声明 bug： 页脚的详细地址在真机测试是会出现不显示问题？ 造成原因：在小程序map组件的同一区域，map组件的视图层比普通的文本视图层要高，所以在真机会遮挡！ 解决办法：将该文本视图采用...[2019/1/23]

本文实例讲述了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能。分享给大家供大家参考，具体如下： 效果图 实现原理 采用高德地图微信小程序开发API（getWeather），如果 city 属性的值为空（或者没有city属性），默认返回定位位置的天气数据；...[2019/1/23]

引言：在微信小程序里，比如商品展示页面的商品详情会有图片展示，PC端设置的商品详情是PC端的宽度，所以在小程序里图片会显示不全，这时就应该做相应的处理，使小程序里图片显示正确 思路 把图片的宽度改为手机屏幕对应的宽度 微信小程序需要知道的知识 需要知道微信小程...[2019/1/21]

本文实例讲述了微信小程序时间轴实现方法。分享给大家供大家参考，具体如下： 最近项目需要在页面上做一个时间轴，又是第一次做，而且还是在小程序上，要知道小程序里面没有ol/ul/li，看了好几个例子，最后做出来了，开心呀！如图： 做起来其实很简单：一个时间轴包括一个圆圈（c 实现圆圈或者找一个圆圈图...[2019/1/16]

本文实例为大家分享了微信小程序实现日历效果的具体代码，供大家参考，具体内容如下 效果预览: wxml部分: <view cla =''box1'' style=''width: {{ sysW * 7 }}px''> <view cla =''dat...[2018/12/29]

2018年12月，腾讯相册累计用户量突破1亿，月活1200万，阿拉丁指数排行 Top 30，已经成为小程序生态的重量级玩家。 三个多月来，腾讯相册围绕【在微信分享相册照片】这一核心场景，快速优化和新增一系列社交化功能，配合适当的运营，实现累计用户量突破1亿，大大超过预期。 可是，谁曾想到，这样一个...[2018/12/20]

最近在做小程序开发，复制官方文档上的swiper组件实测后发现，图片不能自适应。网上找了几个版本测试都发现存在一些小问题，目前这个版本本人实测是最好用的。记录一下，方便日后使用。 感谢原创大神的帮助，文章地址：https: www.cnblogs.com/wangyihong/p/8610956...[2018/12/10]

最近工作中有项目要使用微信小程序技术进行开发，其中一项功能困扰了我很久，卡片滑动动效以及手势识别。经过一番研究和参考，现在把成果展示。记录自己踩到的坑，如果大家有需要，也可以帮助到大家。 效果图： 首先是卡片布局的实现： 　　　　　　　　图片（一） 如图所示，我采用绝对定位absolute的方...[2018/12/6]

本文实例讲述了微信小程序实现图片滚动效果。分享给大家供大家参考，具体如下： 效果：左右滑动可以切换展示图片 代码： <!--page test/test.wxml--> <!-- 组件 --> <swiper> <swiper-...[2018/12/6]

微信小程序中的app.js 关于小程序app.js生命周期的介绍 App(Object) App() 函数用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。 App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。 o...[2018/12/5]

小程序新请假界面 效果: .wxml: <view cla ="head"> <view cla ="head_item {{selected?'head_itemActive':''}}&quo...[2018/12/5]

最近接到一个私单，需要小程序里面实现指纹验证。。废话不多说，，先查小程序api。 好的，在翻阅小程序api中，发现有一个生物认证的api。分别是wx.checkIsSoterEnrolledInDevice ， wx.checkIsSupportSoterAuthentication 和 wx...[2018/12/5]

前言 之前写过一个关于微信授权登陆的文章 传送门 最近在做小程序的项目，依旧是商城，又开始研究微信的登陆授权坑，第一次接触小程序，授权登陆也是一塌糊涂以后再慢慢的改进 场景 微信用户可以通过搜索进入小程序 也可以通过别人分享进入小程序 进入小程序之...[2018/12/3]

小程序上传wx.uploadFile UploadTask wx.uploadFile(Object object) 将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求，其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。 url...[2018/12/3]

欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 本文由达文西发表 笔者最近涉猎了小程序相关的知识，于是利用周末时间开发了一款类似于同事的小程序，深度体验了小程序云开发模式提供的云函数、数据库、存储三大能力。关于云开发，可参考文档：小程序·云开发。 个人感觉云开发带来的最大好处...[2018/11/29]

微信小程序的wx-charts插件-tab选项卡 效果: index.js var wxCharts = require('../../util wxcharts-min.js'); const app = getApp(); var ringChart = nu...[2018/11/29]

解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局，为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ /* position: absolute; top: 10%; */ width: 100%...[2018/11/28]

本文实例为大家分享了微信小程序带动画弹窗的具体代码，供大家参考，具体内容如下 基本效果如下： 具体实现如下： 第一步： 新建一个 components 文件夹，用于存放我们以后开发中的所用组件，在 components 组件中新建一个popup文件夹来存放我们的弹窗组件，在p...[2018/11/28]

本文为大家分享了微信小程序实现图片旋转、下拉列表的具体代码，供大家参考，具体内容如下 正文： 先上效果图： index.wxml <view cla ="phone_one" bindtap="clickPerson"> <view cla ...[2018/11/28]

小程序页面跳转传参 根目录下的 app.json 文件 页面文件的路径、窗口表现、设置网络超时时间、设置多 tab { "pages": [ "page index/index", "page log index"...[2018/11/27]

解决Echarts在微信小程序tab切换时的显示会出现位置移动问题 tab切换时，图表显示错乱 <canvas cla ="kcanvas" canvas-id="ringCanvas" hidden="{{currentTab == 1...[2018/11/27]

小程序安全设置 Page({ /** * 页面的初始数据 */ data: { anquan: '', detailanquan: '', hiddenmodalput: true, 可以通过hidden是...[2018/11/25]

微信小程序-form表单-获取用户输入文本框的值 <input name='formnickname' cla ="textarea" placeholder="{{geren.nickname}}" value='{{g...[2018/11/22]

微信小程序开发POST请求 wx.request( { url: "http: op.juhe.cn/onebox/weather/query", header: { "Content-Type": &q...[2018/11/22]