Hedong的博客

小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是弹框提示用户是要拍照还是从相册选择，下面一一来看。 选择相册要用到wx.chooseImage(OBJECT)函数，具体参数如下： 直接来看打开相机相册的代码：Page({ data: { tempFilePaths: '' }, onLoad: function

之前有篇文章是写的Toast使用，但是有时候官方的样式并不能满足业务要求，怎么办呢，当然有解决办法了。有一个插件可以直接帮我们完成，WeToast。先来看一下效果图： 怎么用呢，我们来看一下： WeTaost插件源码位于src目录下，包含3个文件。wetoast.js: 脚本代码 wetoast.wxml: 模板结构 wetoast.wxss: 样式 使用时只需要加入以上3个文件即可第一步

年前最后一天上班了，公司几个人在上班，没事做，还是来学习一下小程序吧。 本博客说一下页面跳转，页面跳转又分为三种：跳转新页面，当前页面跳转及tab跳转。 先来看看navigator相关属性： 直接代码说话： 主页面：<!--index.wxml--><view class="btn-area"> <navigator url="../navigator/navigator?title

1. 获取微信小程序的 AppID登录 https://mp.weixin.qq.com ，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号或订阅号的 AppID 。注意：如果要以非管理员微信号在手机上体验该小程序，那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、

每个平台项目都有相应的项目结构与配置，一起来看一下微信小程序的项目结构。 文件结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： 一个小程序页面由四个文件组成，分别是： 项目结构如下： 项目配置 一个项目的大体结构就如上所示，下面来看看具体配置： 使用app.json文件来对微信小程序进

格式调整　　Ctrl+S：保存文件　　Ctrl+[， Ctrl+]：代码行缩进　　Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块　　Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行　　Shift+Alt+F：代码格式化　　Alt+Up，Alt+Down：上下移动一行　　Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行　　Ctrl+

程序注册App() App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。 object参数说明： 前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。 示例代码：Ap

什么是组件？ 组件是视图层的基本组成单元，组件自带一些功能与微信风格的样式，一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。 注意：所有组件与属性都是小写，以连字符-连接共同属性类型 基础组件分为以下七大类，分别是：视图容器(View Container)，基础内容(Basic Content)，表单(Form)，导航(Navigation)，多媒体(Media)

scroll-view 可滚动视图区域。 使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。 实例代码如下：<view class="section"> <view class="section__title">垂直滑动</view> <scroll-view scroll-y="true" bindscrolltolower="lower" bindscrol

看图： 实现起来特别简单，看看代码是怎么写的呢：<swiper class="swiper" indicator-dots="{{indcatorDots}}" autoplay="{{autoPlay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}" wx:for-index="

微信小程序自己封装了很多控件，用起来确实很方便，如果这是Android里面，还需要自己去定义，不废话，效果图： 一起来看看怎么实现的呢？看完你应该就该说，尼玛，这就行啦…. 这个效果呢，要用到picker组件，动画从底部弹起的滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。 看下相应的属性： 具体的来看看代码，布局:<view

微信小程序中toast消息提示框只有两种显示的效果，就是成功和加载，使用wx.showToast(OBJECT)。 看下有关参数说明： 代码很简单： wx.showToast({ title: '成功', icon: 'succes', duration: 1000, mask:true

侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~ 侧边栏特效一 先看效果： Wxml：<view class="page"> <view class="page-bottom"> <view class="page-content"> <view clas

微信小程序地图操作比较简单，api也很少，使用map组件来展示。说到地图，那就先来看基础定位： 定位用到wx.getLocation(OBJECT)函数，代码如下：wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.l