Dreawer微信小程序联盟

该文适合还没有微信小程序开发者账号，以及有了开发者账号同时还想注册一个测试账号的读者。开发者测试账号推出的用意，主要是：方便我们在决定正式注册小程序账号之前，或者仅仅只是想体验一下小程序（或小游戏）的各种开发能力时，我们可以先申请一个小程序的测试账号进行体验；我们可以使用该帐号可以登录微信官方推出的《小程序开发者工具》，并创建和体验开发小程序项目。如果你想体验整个注册流程，请点击这里进行注册；这里出于简单起见，我们可以点击这里直接注册小程序开发者测试账号。如果你已经有...

自2017年微信推出《微信小程序》以来，阿里、百度、字节跳动等一众大佬平台相继也推出了自己的小程序体系。由于微信自身的强势社交属性，以及其对小程序的战略定位（连接人与服务）的前提下进行了持续的大力支持，所以到目前为止，微信小程序还是所有小程序中发展的最好的（截止2020年，市场保有量：500万套以上，年度GMV：1.6万亿）。当前，小程序已经成为企业、政府、商家等在推行线上线下一体化服务的必备选项，与现有的APP、网站等组成一个相互补充的线上服务矩阵，以便服务到不同场景中的用户；同时小程序也..

只需要一个简单的云函数，就可以轻松的实现微信小程序支付功能1 先上效果图快速实现支付功能，有多快？有五连鞭这么快，不用搭建自己的服务器，不用买域名，不用备案域名，不用支持https。只需要一个简单的云函数，就可以轻松的实现微信小程序支付功能2 准备工作1，非个人小程序，个人小程序用不了支付（小程序appid）2，已经申请微信支付的商户号（商户id，商户秘钥）。3，小程序里关联你的商户号（小程序和商户号绑定）4，微信小程序开通云开发3 开干（1）初始化云开发环境.

前言转眼间已经参与过我厂好几个小程序的开发了，下面本妹子将开发中的那些注意点和各位小伙伴们分享下，妥妥的干货一枚。一、WXML不要换行写，有空格不行微信开发者工具不会对代码进行trim操作，如果代码中换行，页面也直接换行。wx:if vs hidden一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。图片处理1.大图片也会造成页面切换的卡顿 有一部分小程序会在

什么是小程序小程序是一种新的移动应用程序格式，是一种依赖Web技术，但也集成了原生应用程序功能的混合解决方案。目前市面上小程序平台微信、支付宝、百度、头条、京东、FinClip等；小程序一些特性有助于填补Web和原生平台之间的鸿沟，因此小程序受到了一些超级应用程序的欢迎。它不需要安装，支持热更新。具备多个Web视图以提高性能。它提供了一些通过原生路径访问操作系统功能(原生接口)或数据的机制。它的内容通常更值得信赖，因为应用程序需要由平台验证。小程序可以分发到多个小程序平台（Web、原生应用，甚至是O

最近写了一个微信小程序的后端，微信支付（Java版）。在这里分享一下开发过程吧。首先我们要先去了解微信小程序支付开发的过程。这里说一下流程。微信小程序端获取到code，由微信小程序前端传code到后端，后端接收到code去调用微信官方接口换取openid。生成商户订单，即通过xml格式包含文档中必填的参数去调用统一下单接口(附下图)，返回prepay_id.当然微信小程序需要二次签名，同样通过必填参数封装，返回给微信小程序端。（其中有很多坑，下文慢慢讲解）正文开始1、微信小程序前端获取

随着小程序越来越被广泛使用，我们前端的开发工作也从单纯的web开发，扩大到web+小程序的跨端开发。为了提高研发效率，越来越多的web模块需要迁移、更新，兼容小程序以实现跨端复用。而这些模块也会跟随业务进行迭代和版本更新，这时候，我们就需要有良好的测试来保障各端模块的可靠性。由于我们将许多已有的web模块迁移到小程序，web端的测试相对已经比较完备了。因此我们需要考虑的是：如何快速的将已有的web用例迁移到小程序针对新模块，如何快速编写两端用例。（我们在web端使用的主要是Puppeteer和J

在小程序中实现tab选项切换是一个非常常见的效果,对于固定几个tab切换或许轻而易举,但若出现多个,对于有些新手,却不知道怎么控制您将阅读完本文后,将获取到两种方式实现tab切换效果,但凡以后遇到类似的需求,都可以实现(本文重点)实例效果具体实现代码微信 wxml 代码<view> <view class="tab-container"> <view class="default {{type=='expend'? 'expend-activ

当前国内小程序平台众多，微信小程序、支付宝小程序、头条小程序、以及未来还会出现的新小程序平台，所以为了解决一套代码可以在多个小程序平台上运行，出现了多种方案来解决，京东的 Taro、蚂蚁的 Remax、微信的 Kbone，各有特点，主要归为两种类型，编译时与运行时适配两种。此文介绍国内主流小程序的架构，以及通过运行时适配可达到一套小程序代码运行在多个小程序平台上的方案，主要介绍 kbone 与...

小程序setData 修改 data 中数组内不定对象的数据普通变量的 setData()在某些时候，我们的小程序中存在的不只是像下面这样的简单的变量:变量值这种形式data: { name: 'Kyle', age: 28, mail: 'kylebing@163.com'}这种形式的数据，在需要修改的时候，只需要如下形式修改就可以了...

官方文档给出的双线程模型:小程序的宿主环境微信客户端提供双线程去执行wxml,wxss，js文件。双线程模型1.上述的渲染层上面运行着wxml文件，渲染层使用是的webview线程进行渲染（一个程序会有多个页面，也就会有多个view线程进行运作）2.js文件是运行在逻辑层，逻辑层的js是通过jscore进行运行的。通过双线程界面的渲染过程是怎样的？wxml与D...

最近老是有同学问我小程序ocr识别的问题，就趁机研究了下，实现了小程序识别身份证，银行卡，驾照，营业执照，图片文字的功能。今天来给大家讲讲详细的实现流程。先画一张流程图出来第一次看到这个流程图，可能有点萌，什么云开发，云函数。。。。不要着急，我们接下来会一步步带大家实现。先看下我们的页面和效果图。功能其实很简单，就是我们点对应的按钮后，去拍照或者去相册选择对应的图片。然...

作者：w_西城我们在处理模块曝光埋点时，需要根据页面滚动的位置判断模块是否可见（被曝光）。Web 上传统方法是增加页面 scroll 监听事件，根据滚动位置与模块位置进行对比判断，小程序上也可以使用这种方法，但现在有更便捷优雅的替代方案 —— IntersectionObserver 对象。IntersectionObserver 对象IntersectionObserver...

在一些框架中发现会提供一个很实用的功能：拦截器（interceptor）。例如要实现这个需求：小程序每次获取到定位后都存到 globalData 里：wx.getLocation({ // .. success(res) { getApp().globalData.location = res // ... }})如果每一处使用 wx.getLocatio...

我们都知道 vue 中可以使用 modal 来实现 input 内容数据的双向绑定。小程序好像没有提供相应的方法支持，就需要我们自己写了。原理很简单，在input上先绑定需要取值的变量，如这个变量名是name，然后再定义一个用于指向变量名的属性data-modal这个属性值设置为name，在input的绑定方法中将这个属性值取出，就会知道这个input绑定了哪个变量...

本文档 当中所用到的: const $request = this.request const post = $request.call('passport/wxLogin',data) post.then(res=>{}).catch() 是自己封装的请求方法，如axios，参考时可自行更改复制代码1、js生成接口请求参数签名加密定义规则：对所有发起请求的参...

目前小程序市场日渐成熟，许多企业开始选择微信小程序开发，微信小程序作为一种新型的链接方式， 把用户与服务联系到一起，微信小程序可以在微信内快速的被获取，并且自带良好的用户体验，微信小程序对于O2O行业而言，特别是对线下企业的布局，为线下的扫码服务非常有利。

微信野心越来越大，如今已经从开始简单的聊天工具发展成了一个互联网生态系统，网罗了目前各大互联网平台所具备的功能，最近IOS端微信上线的“搜一搜”和“看一看”更加证实了这一点，直接看下面这张图吧：好了，今天继续给大家分享这个牛逼的“削苹果”的小程序的相关知识。

文字跑马灯效果：       http://www.wxapp-union.com/portal.php?mod=view&aid=1038触摸水波涟漪效果：   http://www.wxapp-union.com/portal.php?mod=view&aid=1350下拉菜单效果：          http://www.wxapp-union.com/portal.php?mod=

作者：zhiqiang21 ，来自原文地址 1.微信小程序的目录结构1.外联公共样式的方法根据微信的官方文档，是支持@import的方式一如外联的公共样式的使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。文档地址：https://mp.weixin.qq.com/debug

若无法正常显示，请点击 微信小程序爱好者，您好！我们特别为一些对微信小程序有兴趣的同学准备了礼物合集，希望能够对你有所帮助。首份大礼：精品教程导航+网友观点+demo集合（100个demo） 第二份大礼：打好基础永不亏书籍部

新手跳坑指南《一》：真机上预览，背景图无效新手跳坑指南《二》：app.json之pages路径重复错误新手跳坑指南《二》：app.json之pages路径重复错误新手跳坑指南《四》：大小写

1：官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612：简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993：设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html4：设计

原文地址：http://www.wxapp-union.com/portal.php?mod=view&aid=1499 0.序玩阴阳师的肝帝们都知道，每天早上5点和下午6点会刷新两次封印任务，每次做任务时最蛋疼的就是找各种怪物对应的副本以及神秘线索。 阴阳师提供了 网易精灵 可以进行一些数据查询，但体验实在太感人，所以大多数人选择使用搜素引擎搜索怪物分布及神秘线索。而每次使用

微信小程序小技巧系列《一》幻灯片，tab导航切换：    http://www.wxapp-union.com/portal.php?mod=view&aid=70微信小程序小技巧系列《二》show内容展示，上传文件编码问题 ：   http://www.wxapp-union.com/portal.php?mod=view&aid=702微信小程序小技巧系列《三》列表左右滑动，左

本帖将聚合一些跟emoji表情有关的知识；前端传过来的昵称和备注信息一定要经过严格的正则表达式过滤，放置出现XSS等攻击，另外emoji字体表情库应该使用base64_encode编码，拿信息的时候base64_decode解码即可。相关文章：“i爱记账” 小程序后端开发小结相关组件：wxParse：集成了emoji表情组件；WxEmojiView-微信小程序Emoji展示

摘要：微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、微信小程序技巧合集微信小程序开发工具5款微信小程序开发工具使用报告微信小程序开发教程微信小程序入门系列微信小程序入门《六》头像上传微信小程序入门《五》登录注册微信小程序入门《四》本地缓存和搜索（附源微信小程序入门《三》详情页面，上滑加

为了帮助同学们了解注册及上线的整个流程，所以在开发之外，我专门制作了这个从注册到上线流程；本专辑不涉及任何跟开发有关的事情。开发专辑请看：实战开发宝典以下为具体内容： 从注册到上线系列《一》个人注册及个人限制说明从注册到上线系列《二》非个人注册：微信认证与对公打款从注册到上线系列《三》设置开发者、体验者、更换管理员从注册到上线系列《四》Appid、AppSecret

微信小程序联盟出品跳坑textarea《二百二十三》不显示文本及textarea相关问题集合跳坑《二百一十三》 background-image无法获取本地资源图片、...跳坑《二百一十二》单位rpx/px/em/vh使用说明跳坑《二百一十一》转发API：onShareAppMessage使用跳坑《二百一十》使用模拟数据mock.js跳坑《二百零九》textar

SF问答精选《七》 多组件显示与隐藏如何实现、function中的...SF问答精选《六》canvas不显示问题SF问答精选《五》菜单内容左右联动、生命周期函数SF问答精选《四》eslint 配置使用 co function；apache 反向代理 ...问答《一百一十六》动态获得元素内容，点击关闭再点击...问答《一百一十五》禁止页面下拉上拉问答《一百一十四》安卓利用wx

活动目的为了回馈微信小程序联盟的新老会员，特举办由极乐科技赞助的小程序拔盘Demo大赛参与对象所有微信小程序联盟会员活动奖励拔盘DEMO获奖者奖励现金1000元所有参赛者均可获得社区100浮云（可用于下载精品DEMO或教程或兑换东西）。活动规则一、 活动时间参赛时间：2017年6月29日0时~2

为了方便大家了解并入门微信小程序，我将一些可能会需要的知识，列在这里，让大家方便的从零开始学习；首先感谢几位给予建议的同学，包括@dzp @M-信念 @Somnus13 ，以下内容只是一部分，但是够用了，可以先放出来给大家看看：一：微信小程序的特点张小龙：张小龙全面阐述小程序，推荐通读此文；小程序是一种不需要下载、安装即可使用的应用，它出现了触手可及的梦想，用户扫一

原文：http://www.wxapp-union.com/portal.php?mod=view&aid=2580效果图数据：依赖接口wx.upload、chooseImage与preview 数据请求通过LeanCloud完成图片选择：https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html#w

新手向！微信小程序把玩系列：微信小程序把玩《一》：window配置，tabBar底部导航，应用生命周期 微信小程序把玩《二》：页面生命周期，模块化，数据绑定，view组件各类组件微信小程序把玩《三》：scroll-view组件，swiper组件，icon组件微信小程序把玩《四》：text组件，progress组件，button组件](http://www.wxapp

1月9日凌晨小程序正式上线。张小龙第一时间在其朋友圈写下一个日期—2007.1.9，并配上iPhone发布会的图片，微信小程序如约而至。在兴奋之际，极乐科技的大咖们也在思考：专注于平台技术、移动互联应用等研发的同时，如何更好的为小程序开发者提供产品和服务；为传统行业客户的互联网改造提供多维一体的行业整体解决方案。如果说公众号改变了新媒体，那么小程序将改变商业；而商业本质上还是服务，

新手向！微信小程序开发手记系列：微信小程序开发手记《一》：项目的代码结构微信小程序开发手记《二》：属性display微信小程序开发手记《三》：backgroud和border属性微信小程序开发手记《四》：视图容器微信小程序开发手记《五》：组件微信小程序开发手记《六》：API大众点评实战系列：大众点评点餐－微信小程序开发经验《一》大众点评点餐小程序

昨日，小程序开发者工具又更新啦！这次又推出了一些比较棒的功能，个人觉得这个省市区联动还是比较棒的，特此贴出源码供大家查看~picker-view嵌入页面的滚动选择器注意：其中只可放置组件，其他节点不会显示。picker-view-column仅可放置于中，其孩子节点的高度会自动设置成与picker-view的选中框的高度一致示例代码：vi

客户被绑，蒙眼，惊问：“想干什么？” 对方不语，鞭笞之，客户求饶：“别打，要钱？” 又一鞭，“十万够不？” 又一鞭，“一百万？” 又一鞭。客户崩溃：“你们TMD到底要啥？” “要什么？我帮你做项目，写代码的时候也很想知道你TMD到底想要啥！”上周微信小程序新功能：公众平台新增小程序运维中心等功能微信内测商品搜索功能，小程序版淘宝来了揭秘5个微信查询新体验上周微

1：官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612：简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993：设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html4：

打造一款猜拳小程序打造一款猜拳小程序 go+websocket+redis+mysql《一》打造一款猜拳小程序 go+websocket+redis+mysql《二》打造一款猜拳小程序 go+websocket+redis+mysql《三》打造一款猜拳小程序 （go+websocket+redis+mysql+小程序前端）《四》 ...CTT团队实战教程