微信小程序
关注
分享
扫一扫
众拾达人
如果你不改变什么，那什么都不会改变！
展开
-
小程序及H5皮肤包推荐及范例整理
微信小程序UI组件库官方WeUI组件库：WeUI官方的，不用多说。效果简单朴素，贴近微信原生风格。ColorUI：ColorUI目前正在使用的一款UI组件，支持uni和微信小程序，效果绚丽多彩vantUI（又名：ZanUI）：vantUIVant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口。风格偏朴素，但是可参考功能效果较多。MinUI：MinUI一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架，各种小程序原创 2020-06-23 10:50:32 · 897 阅读 · 0 评论 -
微信小程序-携带参数的二维码条形码生成
demo文件目录index.js文件//index.jsvar wxbarcode = require('../../utils/index.js');Page({ data: { code: 'https://www.baidu.com/s?wd=%E6%A1%A3%E6%A1%88&rsv_spt=1&rsv_iqid=0xb7b9fdca000a183f&issp=1&f=3&rs原创 2017-06-27 11:37:46 · 14273 阅读 · 18 评论 -
微信小程序getPhoneNumber快速获取用户手机号组件
小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等， 有了这个组件可以快速获取微信绑定手机号码，无须用户填写。1.getPhoneNumber这个组件通过button来实现（别的标签无效）。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。<span style="font-size:14p原创 2017-12-29 10:58:29 · 2104 阅读 · 0 评论 -
微信小程序：关于代码片段的探究
打开微信开发者工具，在项目旁边有个代码片段的按钮，截图如下：微信官方文档介绍： https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html什么是微信小程序的代码片段功能？代码片段是一种可分享的小项目，可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题等等。简单的意思就是开发小案例？...原创 2018-09-11 18:24:27 · 1626 阅读 · 0 评论 -
微信小程序—目录
逐新微信小程序-0.11.122100版本更新问题_2017.4.19小程序中的ES6Class_2017.4.21微信小程序-0.15.152900版本整理_2017.4.24微信小程序：关于代码片段的探究API微信小程序—数据缓存组件微信小程序常用表单控件微信小程序map地图整理功能微信小程序-分享页面到微信群或者好友携带分享者身份信息...原创 2018-09-12 10:04:52 · 2837 阅读 · 0 评论 -
微信小程序：云开发·初探
云开发 quickstart这是云开发的快速启动指引，其中演示了如何上手使用云开发的三大基础能力：数据库：一个既可在小程序前端操作，也能在云函数中读写的 JSON 文档型数据库文件存储：在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写业务逻辑代码参考文档云开发文档先把微信开发工具更新至最新（1.0...原创 2018-09-12 17:05:37 · 7678 阅读 · 0 评论 -
微信小程序：云开发·初探二
I’ll never finish falling in love with you.原创 2018-09-12 18:14:56 · 2987 阅读 · 0 评论 -
微信小程序：动画效果集合
Life is like riding a bicycle.To keep your balance you must keep moving.生活就像骑自行车。为了保持平衡，你必须不断前进。文字跑马灯效果： http://www.wxapp-union.com/portal.php?mod=view&amp;aid=1038 触摸水波涟漪效果： http://www.wxap...原创 2018-09-17 11:50:22 · 26108 阅读 · 2 评论 -
微信小程序：心跳动画
封装工具类var app = getApp()module.exports = { animationMiddleHeaderItem: animationMiddleHeaderItem,//心跳动画}// 平移动画function animationMiddleHeaderItem(that) { var circleCount = 0; // 心跳的外框动画 ...原创 2018-09-17 11:54:19 · 9946 阅读 · 2 评论 -
微信小程序：云开发·初探三(文件操作)
We are the champion. We’ll keep on fighting till the end.未写完，发布存档，好久没关电脑，电脑卡爆了云开发·文件上传上传文件在小程序端可调用 wx.cloud.uploadFile 方法进行上传：wx.cloud.uploadFile({ cloudPath: 'example.png', // 上传至云端...原创 2018-09-13 18:29:43 · 12130 阅读 · 6 评论 -
微信小程序：云开发·初探四(数据库操作)
新建集合1.打开云开发控制台，数据库2.添加集合users添加代码onAdd: function () { const db = wx.cloud.database() db.collection('users').add({ data: { count: 1 }, success: res =&gt; { ...原创 2018-09-14 14:54:14 · 40846 阅读 · 10 评论 -
微信小程序中rpx与rem，px单位的转换使用
原作者: 小小小 来自: 授权地址一、rem的使用 1） 根据设计稿宽度算出rem和px直接的转换公式1rem = 20 x 640/320 + ‘px’ = 40px; 1rem=20*750/320+‘px’=46.875px;二、rpx的使用 1）小程序中rpx与px的转换例如：设计稿750px宽度 那么恭喜您，你ps上量出宽度是多少，那么你就定义多少rpx，也就是 1px =原创 2017-12-22 09:56:37 · 8116 阅读 · 0 评论 -
微信小程序-“授权失败”场景的优雅处理
微信小程序中提供了相关API 让开发者能获取到微信用户的相关信息，在首次去获取的时候会展示一个用户是否同意授权的对话框。发现有不少线上的小程序都没有处理好用户“拒绝授权”导致的“授权失败”场景。一个观点私认为，开发微信小程序在用户授权上有一个要点：除非非常有必要，不要一进入小程序就申请授权，而是仅需要授权的页面才申请——这样让用户的心理负担没那么大。站在用户的角度，有时候我是很讨厌这种一进入小程序就原创 2017-12-21 16:00:05 · 10932 阅读 · 0 评论 -
小程序开发Q&A
本文总结小程序开发中常见的错误问题。请开发者利用浏览器的搜索功能来检索关键字，快速定位到相关问题。快捷键Ctrl+F打开搜索框。Q1：为什么会出现“脚本错误或者未正确调用Page（）”的错误提示。A：出现这个错误的原因通常是因为对应页面的js文件里，没有调用Page方法。即使js文件里没有任何代码，也需要在js里添加一个空的 Page（{ }）。注意Page的P要大原创 2017-04-20 16:08:57 · 1025 阅读 · 0 评论 -
微信小程序常用表单控件
!–如何一次性获取所有表单控件的值并且提交到服务器上去呢？ –from表单提交 使用form把所有子元素包含进去<form class="page_bd" catchsubmit="formSubmit" catchreset="formReset">开关控件<switch name="switch" type="switch" checked="{{false}}" color="red" b原创 2017-04-21 10:31:00 · 2819 阅读 · 0 评论 -
微信小程序map地图整理
longitude：中心经度 latitude：中心维度 scale：缩放程度 bindmarkertap:点击地图触发 polyline:两点之间划线，可显示两地之间的路径.wxss文件<map id="map" longitude="113.324520" latitude="23.099994" scale="14" markers="{{markers}}" bindmark原创 2017-04-21 15:22:28 · 3215 阅读 · 1 评论 -
小程序中的ES6 Class
movie-detail.js原始写法var app = getApp();//引用var util = require('../../../utils/utils.js')//引用数据请求的公共函数Page({ //初始化数据 data:{ movie:{} },//es6方式 module,class,promise,=> onLoad:function(options原创 2017-04-21 17:35:05 · 7062 阅读 · 0 评论 -
微信小程序-0.15.152900版本整理
版本号：0.15.152900》支持绝大多数ES6 API》开放蓝牙、卡券收获地址等接口能力》新增“场景值”概念》若干原有接口的丰富·微信公众号与小程序强绑定·公众号菜单可以直接打开小程序 ·公众号模板消息可打开小程序·公众号关联小程序时，可下发通知消息·移动App可分享小程序页面·扫描非小程序二维码可打开小程序**未来可能的功能**开发第三方授原创 2017-04-24 10:54:37 · 1914 阅读 · 0 评论 -
微信小程序—数据缓存
每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorag（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB。 注意： localStorage 是永久存储的，但是我们不建议将关键信息全部存在 l原创 2017-04-27 14:34:21 · 14694 阅读 · 2 评论 -
微信小程序-分享页面到微信群或者好友携带分享者身份信息
原文链接：http://www.smallerpig.com/1202.html?utm_source=tuicool&utm_medium=referral当用户在群聊中点击小程序的分享卡片，开发者可获取群 ID 和群名称，更好地针对群场景提供个性化服务。 通常开发者希望分享出去的小程序被二次打开的时候能够获取到一些信息，例如群聊名字或者是群的标识。现在通过调用 wx.showShareMenu原创 2017-06-27 10:47:36 · 36810 阅读 · 12 评论 -
微信小程序宽高百分百，解决页面仍然可滑动问题
很多时候，我们会希望将内容充满整个屏幕（高度、宽度100%），如下图但是我们设置好page{height:100%;}发现页面并不是满屏，反而好像是溢出了，导致真机测试的时候可以上下滑动。想要解决这个问题，我们加入一行css代码即可。position: fixed;示例：wxml文件<view class="bgView"> <image src='./../../images/tempora原创 2017-12-20 14:58:07 · 9280 阅读 · 1 评论 -
微信小程序-模板消息全面解析加实例
一.模板消息是什么？模板消息是微信为小程序提供的消息推送能力。小程序可以向用户发送重要的消息通知，类似于App的推送通知。二.限制相对于App的推送通知，模板消息有很多限制，这是因为微信放置开发者滥用推送能力骚扰用户。限制1.固定格式，模板化的消息酒店预订成功消息包含订单号、入住时间、房费 日程提醒消息会包含日程时间、日程内容、地点只能按照模板的规定内容进行发送。限制2.前提条件1)支付当用户在小原创 2017-12-21 10:20:12 · 6580 阅读 · 1 评论 -
微信小程序-0.11.122100版本更新问题
感谢慕课网七月老师的分享原创 2017-04-19 11:51:05 · 1232 阅读 · 0 评论