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

玩Android微信小程序版

最近开始针对项目性全面学习了一点js,和同事一起用MUI写了个项目,就敢拿出来献丑,我也是diaodiao的。经过几十个工时业余时间*(最近两周有点忙,周期拖得有点长,本来计划五一...

阅读(105)

教程

微信小程序的手机通讯录点击本页面跳转位置的代码详解

最近开始做小程序,通读一遍文档再上手并不算难,但不得不说小程序里还是有一些坑。这里说一下如何实现页面锚点跳转,一个城市列表的效果示意图如下: 因为在微信小程序的环境...

阅读(118)

教程

用小程序原生的swiper,实现酷炫banner(基于mpvue)

前些日子老板大人又安排了新的任务banner的开发,拿到设计妹子给的设计图之后,我的第一感觉就是呵!看起来不难嘛!不就是用touchStart,touchmove,touchend组合+一些transition效果+一些位...

阅读(90)

教程

从0到1,如何设计一款体育类小程序

腾讯、百度、阿里都相继推出自己的小程序平台,微信小程序在2018年6月底已经达到2.8亿的日活,数量突破百万,相较于1月公布的58万翻了一番。 小程序的能力越来越强,场景入口越来...

阅读(67)

教程

小程序导出朋友圈海报详细记录

小程序提供了转发给好友的接口,但是没提供分享到朋友圈的接口。于是,只有引导用户保存图片分享到朋友圈。 两种方案:用微信 api 手动保存,用painter。 微信 api 使用原生接口的话...

阅读(144)

教程

小程序构建骨架屏的探索

首屏 一般情况下,在首屏数据未拿到之前,为了提升用户的体验,会在页面上展示一个loading的图层,类似下面这个 其中除了菊花图以外网上还流传这各种各样的loading动画,在PC端上几...

阅读(118)

教程

微信小程序评论/留言功能,附:前端+后端代码+视频讲解!

前端界面: 演示: !-- 表单 --form bindsubmit=formSubmitinput type=text name=liuyantext placeholder=输入留言内容 class=input-style/button formType=submit class=btn wx:if={{nickName == empty}} open-type=getUserInfo bindgetuser...

阅读(198)

教程

在微信小程序中渲染HTML内容

大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题。但是,在微信小程序(下文简称为「小程序」)中,应当如何渲染这部分内容呢?...

阅读(103)

教程

微信小程序变现,你必须思考的几个问题

微信小程序如何变现?这个几个问题是你必须要想明白的,一起来看看~ 随着小程序的快速迭代完善,以及微信对小游戏限制的暗中放宽,注定了微信要在小程序这一领域写下浓墨的一...

阅读(186)

教程

美团扫码付小程序的优化实践

短短几年的时间,微信小程序已经从一颗小小的萌芽成长为参天大树,形成了较大规模的开发者生态系统,尤其是在支付、线下垂直领域潜力巨大。 作为领先的生活服务平台,美团的技...

阅读(144)

教程

微信小程序 短信验证码登录 倒计时 setInterval

需求:输入手机号 - 点击获取验证码 - 进入60s倒计时 短信验证码登录 data: {seconds: 0, // 读秒timer: // 计时器},let that = this// 开始倒计时that.setData({seconds: 60,timer: setInterval(function(){let second...

阅读(95)

教程

微信小程序云开发初体验

9.10号微信重磅推出小程序云开发功能,该功能方便了很多逻辑上的问题,至于安全嘛,腾讯的,如果腾讯不看你的,没人看得到,话不多说,跟着腾讯文档进行第一个demo l 1、下载到最...

阅读(179)

教程

微信小程序之callout自定义气泡

最近闲着踩踩地图的坑 一脚下去差点没从坑里爬起来,然后由于某个原因,去研究了 微信小程序里面地图callout 这个属性 callout呢,是在标记的点上面显示 一个 气泡,作为提示用 最后...

阅读(183)

教程

支付宝小程序上线,想讲与微信截然不同的故事

9月12日,低调公测了一年的支付宝小程序正式上线。 在长达一年的公测期里,支付宝小程序一直在闭门打磨技术组件,只零星传出过和开发者小规模交流的消息。同一个时间区间,微信...

阅读(65)

教程

小程序分享及用户信息授权等接口能力的调整通知

针对近期部分小程序接口能力使用不合理的情况,微信公众平台将对下列能力进行调整。开发者可在最新版开发者工具内,选择最新基础库版本体验。调整方案具体如下,请开发者尽快...

阅读(127)

教程

张小龙连接线下的初心未改,支付宝小程序却也打起如意算盘 ...

图片来源:视觉中国 一、支付宝小程序来了 最近这两天,阿里系有两件大事:一是教师节这天,马云教主提出了最新的接班人计划,已经不知道是第几次表达了退隐江湖的意思,一时...

阅读(190)

教程

小程序-云开发

最新更新的微信 web 开发者工具支持了云开发 和之前免费提供的自动部署的测试环境不同,这次是生产和开发都不需要一台独立的服务器了 取而代之的是云文件,云函数和云数据库(和...

阅读(126)

教程

微信小程序授权登陆方案以及在Taro下利用Decorator修饰器实现

选用Taro做技术框架的原因:最近公司需要开发一款新的小程序,主要是做付费知识相关的产品,涉及到了虚拟商品支付,对于IOS的对于虚拟商品支付的种种限制,加上类似小程序的相关...

阅读(180)

教程

iPad 支持使用小程序,分包加载等能力升级

iPad 支持打开小程序,开发者可对小程序进行大屏幕适配。小程序分包加载功能升级,允许分包独立运行。地图组件新增个性化底图样式。模板消息下发流程简化。 01 iPad 支持使用小程...

阅读(160)

教程

微信小程序数据过滤(filter)方法

因为微信小程序的wxml和js的内部实现机制是分开编译的。所以在wxml是没办法调用js的函数的。这会导致WXML缺少一个我们常用的功能,那就是没有办法在视图层对数据进行格式化处理。比...

阅读(72)

教程

小程序点赞收藏功能

一.收藏 focusFavoriteTab: function (e) { var that = this; var isFocus = that.data.isFocus; console.log(isFocus, isFocus) var itemId = that.data.itemId; if (isFocus) { favoriteService.cancel(that, itemId).then((res) = { wx.showToast({ tit...

阅读(68)

教程

小程序超实用组件:仿微信通讯录

效果图 话不多说,先上效果图 因为是使用的手机录屏,视频格式为MP4,上传到文章时发现只支持图片,还好电脑自动录屏功能,所以简单的录制了一下,完后又提示只能4M,只能再去压...

阅读(148)

教程

JDC | 京东设计中心--小程序实战总结

本文从小程序框架、 api 、组件、应用四个方面入手,说明在开发过程中遇到的问题,并给出处理方案。 小程序虽然具有相对完善的文档,但难免文档中会有解释不清晰,不易被人发现...

阅读(196)

教程

互金产品在小程序上的4大玩法

围绕有便宜可占、实用性、多巴胺、虚荣心四大方面,互联网金融产品将能以更快、更低成本的方法获得用户,提升用户给公司带来的利润。 张小龙及其团队在月活过10亿的微信上,卓...

阅读(81)

教程

小程序时间轴组件

预览 timeline.gif 场景 用于快递节点跟踪、发展历程等 要点 1.position作布局 2.border-radius画圆点 3.moment格式化时间,区分当日(HH:mm)与前日的格式(YYYY-MM-DD HH:mm) wxml view class=listview-containerbl...

阅读(145)

教程

小程序多业务线融合【完整分包业务接入】

应用场景 同一个主体(公司、部门)下有多个小程序 这些小程序,由一个主小程序和后来新建的多条业务线构成(每条业务线拥有独立的小程序) 各业务线的小程序需要挂载到主程序...

阅读(185)

教程

微信小程序之动态获取元素宽高

我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了。。。 那么,这个api接口怎么用呢? 首先,...

阅读(106)

教程

「小程序·云开发」开放

开发者工具新增「云开发」功能,开发者无需搭建服务器,就可实现小程序快速上线和迭代。 「云开发」提供三大基础能力,帮助开发者快速开发小程序: 01 云函数 开发者可根据业务...

阅读(116)

教程

从无到有开发一款产品(小程序)的过程与思考

在阿里巴巴总部有着这样一句话,改变世界的不是技术,而是技术背后的梦想。 不知不觉已经做技术有三年的时间了,这三年间经历了很多次项目的开发上线,以及产品的争论。很多同...

阅读(54)

教程