第一步,在page下新建component文件,放你封装的小组件,和vue里的component差不多 第二步,在需要使用的组件的.json文件中添加usingComponents 第三步,在页面中引入组件index.wxml <!--pages/index/index.wxml--> <view class='address' bindtap='onChangeAddress'> <template is="mars" data="{{sele

调用拍照API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html?t=20161222#wxchooseimageobject 上传文件API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html 主要js代码: choice: function () { var that = this wx.chooseImage({ count: 1, /

<picker mode="multiSelector" bindchange="bindMultiPickerChange2" bindcolumnchange="bindMultiPickerColumnChange2" value="{{multiIndex}}" range="{{objectMultiArray}}" range-key="{{'name'}}">

<!-- detail.wxml --> <view class="picker"> <picker range="{{range}}" bindchange="pickerChange"> 选择数量: <text>{{num}}</text> </picker> </view> // detail.js Page({ data:{ range: [ 1, 2,

wx.getLocation({ type: 'wgs84', success(res) { const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy console.log(res) } }) wx.chooseLocation({ success(res) { console.log(res) } })

github 地址 https://github.com/iocool/antminDatePicker 最近在做支付宝小程序(以下简称小程序)开发,发现小程序的日期选择组件很不好用,比如安卓和IOS设备上,样式明显不同,因为小程序调用该组件是调用系统原生组件,所以会有一定的差异,另外,小程序提供的日期组件并不满足我当前的业务需求: 该日期为快递上门时间. 用户只可选择的日期范围,当日往后 2 天(即 今天, 明天 )的日期,并且时间选择为早上 9 点至下午 18 点间的 10 个小时整点时间.

产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序注册 注册小程序帐号 在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的"立即注册"按钮. 选择注册的帐号类型 选择"小程序",点击"查看类型区别"可查看不同类型帐号的区别和优势. 填写邮箱和密码 请填写未注册过公众平台.开放平台.企业号.未绑定个人号的邮箱. 激活邮箱 登录邮箱,查收激活邮件,点击

给提问的开发者的建议:提问之前先查询 文档.通过社区右上角搜索搜索已经存在的问题. 写一个简明扼要的标题,并且正文描述清楚你的问题. 提交 BUG:需要带上基础库版本号,设备信息(iOS, Android,开发工具等等),操作系统信息(系统版本),以及可以让他人重现的信息,最好能够提供重现 demo. 对于提供信息过少的问题,会直接关闭,请提供完整信息以后重新打开问题.另外,对于如何做某某功能,可否做某某功能的问题,会直接关闭. 微信小程序常见FAQ(17.8.21-17.8.27) Q:1.5

引言: audio是微信小程序中的音频组件,可以轻松实现小程序中播放/停止音频等自定义动作. 附上微信小程序audio组件的相关属性说明:https://mp.weixin.qq.com/debug/wxadoc/dev/component/audio.html 本次将通过小程序audio的 poster.name.author.src.id.controls 属性,以及相关api:wx.createAudioContext 的使用,来制作一个简单的音频播放控制页面 poster属性:默认控件上

前言 最近接触了微信小程序 API - wx.setScreenBrightness .wx.getScreenBrightness 接口,调用该接口可以调节并显示手机屏幕亮度数据.对于喜欢腾讯新闻.今日头条等一些阅读类小程序的小伙伴,还是挺友好的.不需要下拉屏幕或退出小程序页面就可以调整屏幕亮度,直接在小程序内部完成屏幕亮度调节工作,更加快速.下面,就分享一下如何使用该微信小程序API接口以及需注意的问题. 图示:微信小程序API接口-wx.setScreenBrightness(屏幕亮度调节

前言 最近接触了微信小程序 API - wx.setScreenBrightness .wx.getScreenBrightness 接口,调用该接口可以调节并显示手机屏幕亮度数据.对于喜欢腾讯新闻.今日头条等一些阅读类小程序的小伙伴,还是挺友好的.不需要下拉屏幕或退出小程序页面就可以调整屏幕亮度,直接在小程序内部完成屏幕亮度调节工作,更加快速.下面,就分享一下如何使用该微信小程序API接口以及需注意的问题. 好!下面进入正文.首先,打开微信开发者工具,添加小程序项目,选择一个本地新建的空白小程

新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序. 创建的项目不会自动生成项目目录而是你设置的目录路径. 第一次我的文件目录是D:\Code\wechat\mini-program,我以为会像vs创建一个项目目录,就是这样子D

作者:龚澄 导语 性能调优是一个亘古不变的话题,无论是在传统H5上还是小程序中.因为实现机制不同,可能导致传统H5中的某些优化方式在小程序上并不适用.因此必须另开辟蹊径找出适合小程序的调估方式. 本文旨在介绍两点在小程序开发过程当中碰到的一些性能问题以及 WePY 的一些优化方案. 小程序组件化框架 WePY 介绍请阅读:<打造"微信小程序"组件化开发框架> 预先加载 原理 传统H5中也可以通过预加载来提升用户体验,但在小程序中做到这一点实际上是可以更简单方便却又更容易被忽

微信小程序 在2017-01-09正式上线,本着跟上时代潮流的精神,写一份教程来看看 微信IDE下载地址为: 微信IDE 在windows下直接 双击 exe安装即可,安装完成后的界面如下: 得到这个界面直接用微信扫二维码就可以登陆了,新建项目方法如下: 添加项目 直接点击下图的添加项目: 新建项目 AppID 是需要申请才能有的,而且一般是以公司级别的才能申请吧,看了官方文档是需要这些东西: 有能力的企业可以去这里按照官方文档申请: AppID 类似我等 闲杂的小程序员 就选择 无 AppID

注:本文来源于:<零基础入门微信小程序开发> 课程介绍 本达人课是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件.页面样式文件.JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装.小程序发布等内容,共 9 篇文章. 本课程共包含四个部分. 第一部分(第1-3篇)带你初步了解小程序是什么,然后进行小程序开发的准备工作,从注册账号到安装开发工具一应俱全.工欲善其事,必先利其器. 第二部分(第4-6篇).面

微信小程序的开发准备与开发工具的学习 在这次寒假伊始,临近春节,学习进程有所拉下,现在补上.寻找了好多网站的相关学习视频,包括微信公众平台关于小程序这方面也有好多相关资料供查阅. 1.开发准备: 首先进入“微信公众平台”官网( https://mp.weixin.qq.com/ ),进入注册界面,注册自己的微信小程序账号,登陆成功之后,进入自己小程序的后台,获取开发所需的AppID,并点击下载相应的微信Web开发者工具,下载完成后,进行安装. 2.开发工具的学习: 打开微信Web开发者工具,需要

小程序这么火,不去浪一浪怎么行?   更何况,现在微信“赦免”了个人认证,又更新了web开发工具,现在正是搞搞小程序的最佳时期! 那么一起来看看要做什么准备吧~   官方的文档很详细,可参考:小程序官方说明.   首先,要注册一个微信公众平台账号(与订阅号不通用),注册地址:微信小程序注册,选择小程序进行注册就好.   填写好了注册信息,进行邮箱验证后,就可以登录玩耍了. 这里获取开发者ID:   另外下载最新的微信web开发工具,下载地址:微信web开发工具下载.   下载安装后,通过appi

1. 项目简介 最近研究小程序云开发,上线了一个有关菜品查询的小程序.包括搜索.分享转发.收藏.查看历史记录等功能.菜谱 API 来自聚合数据.云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥. 目前云开发三大基础能力支持: 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码 数据库:一个既可在小程序前端操作,也能在云函数中读

自从发布2017年9月16日WordPress版微信小程序2.2.8版本后,这个一个多月来,WordPress版微信小程序,在经过一些比较小的更新后,今天发布阶段性的版本:2.4版 .这版本主要是功能的完善和性能的优化,主要的功能完善是对“热点”栏目的调整,以及增加“我”的栏目,在“我”的栏目里加了我浏览过的文章.评论过的文章.点赞过的文章.赞赏过的文章列表. 了解程序的开发历程及开发技术,建议看看相关更新文章和安装文档: 1.用微信小程序连接WordPress网站 2.WordPress版微信

[本文出自天外归云的博客园] 微信小程序本地部署测试方法 下载微信开发者工具 让小程序管理员将测试人员的微信号添加开发者权限 本地设置hosts为测试环境hosts 打开微信web开发者工具并扫码登录 选择项目路径(事先在本地存放好小程序源代码,选择小程序所在路径,如果路径正确的话项目名会自动出现,无需手动填写) 返回填写appId,确定后双击即可打开小程序 本地调试小程序(我们可以在Network下面查看到网络请求,可以查看具体某个请求的请求参数以及返回结果等信息) 微信小程序手机端测试方法

一. 百度统计添加应用,获取appkey和微信小程序统计sdk: 1. 百度统计首页,点击“我的全部应用”右侧的添加按钮: 2. “应用类型”选择小程序统计,选择微信小程序,填写应用名称信息,选择内容分类,然后点击创建应用: 3. 获取到AppKey,下载微信小程序统计SDK,然后就可以在小程序中接入统计了,在这个页面下边就有SDK接入说明了. 二. 微信小程序接入: 1. 把下载的微信小程序统计SDK解压后的mtj-wx-sdk.js和mtj-wx-sdk.config.js复制到小程序项目的