微信小程序
微信小程序之 catalog 切换
组件名称：catalog组件属性：catalogData，type：String组件描述：这是一个子组件，数据从父组件中传递效果图： catalog目录为多个，使用scroll-view容器。但是在当前组件中，只写每个catalog数据展示并实现catalog切换效果，这样会保证当前组件的最小粒度...
使用免费 mongodb数据库 + 免费node.js服务器搭建小程序接口
由于微信的小程序只支持不带端口的域名接口，不支持IP地址和接口，所以我们需要映射到80端口并绑定备案过的域名才能被微信小程序访问到。简单点就是接口需要https协议才行，找了许久的免费的数据库与node.js的环境，都不尽人意，下面是整理的可以考虑的免费的产品：通过新浪云部署Node.js微信小程序商城（不用买域名、不...
小程序开发教程收集汇总
一个小时快速搭建微信小程序教程http://www.cnblogs.com/dragondean/p/5919694.html 微信小程序全面实战，架构设计&&躲坑攻略(小程序入门捷径教程)http://www.cnblogs.com/dragondean/p/6247...
微信小程序中canvas实现水平、垂直居中方法
微信小程序中canvas实现水平、垂直居中方法由于我最近做一个刮刮卡，需要将文字在canvas中水平、垂直居中wxml<canvastype='2d'id="myCanvas"width="300"height="150">使用canvas2d构建画布蓝色线为水平中线红色线为垂直中线文本设置方法fillTe...
微信小程序请求接口读取json
wx.request({url:'test.php',data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){console.log(res.data)this.setData({msg:res.data})}})&nb...
微信小程序之自定义select下拉选项框组件
知识点：组件，animation，获取当前点击元素的索引与内容微信小程序中没有select下拉选项框，所以只有自定义。自定义的话，可以选择模板的方式，也可以选择组件的方式来创建。这次我选择了组件，这样只需引入组件和添加数据，其它的不用管，就能实现多个地方重复使用了。第一步：创建组件所需的文件我喜欢把共用的内容都放在和p...
微信小程序之swiper轮播图中的图片自适应高度
小程序中的轮播图很简单，官方都有例子的，但是唯一的缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。辣么，怎样让图片自适应不同分辨率捏。我的思路是：获取屏幕宽度，获取图片的宽高，然后等比设置当前屏幕宽度下swiper的高度。1.结构<swiperindicator-dots=...
微信小程序image图片自适应宽度比例显示的方法
我们都知道微信小程序的组件image是用来显示图片的，它有一下几个属性：1、src 图片资源地址2、mode 图片裁剪、缩放的模式3、binderror 当错...
微信小程序表单
基础的小程序表单提交数据备份:wxml:<formbindsubmit="formBindsubmit"bindreset="formReset"><view><label>用户名：</label><inputname="userName"placeholder="...
微信小程序修改导航栏背景颜色-navigationBarBackgroundColor
在app.json中配置："window":{"navigationBarBackgroundColor":"#ffffff",}注：如果只是某页面需要修改导航栏背景颜色，则在当前页面所在的json文件中配置即可...
微信小程序image组件的bindload方法
今天无意中看到小程序小程序image组件的bindload方法有下面的用法.wxml<view><imagewx:for="{{images}}"wx:key="id"id="{{item.id}}"src="{{item.pic}...
微信小程序的swiper 轮播图组件中图片高度显示不全
按照小程序官方的文档，swiper轮播图中的图片高度大时，会显示不全。image添加即可解决<swiperindicator-dots="true"autoplay="true"interval="3000"duration="1000"><blockwx:for="{{banners}}"wx:fo...
微信小程序商城瀑布流商品展示实现
现在小程序商城越来越多，通常的商城中，商品展示都是那种常规的两列规则展示，但是现在越来越多的应用开始采用瀑布流的方式来展示商品，商品的图片高度不定，商品根据图片容器大小，自由排列，依次下排。今儿，小圣贤君就为大家讲解一下，如何在小程序中实现瀑布流形式展示商品。一般页面中商品会显示两列，通过接口拿到数据后，判断现有的两列...
微信小程序动态显示倒计时代码
微信小程序动态显示项目倒计时wxml代码：<p><blockwx:if="{{total_micro_second<=0}}">剩余时间：已经截止</block><blockwx:if="{{clock!='已经截止'}}">剩余时间：{{clock}}</b...
微信小程序navigationBarBackgroundColor颜色显示设置
navigationBarBackgroundColor，导航背景颜色显示只支持3位十六进制颜色码方式的显示，不支持颜色英文单词的显示。...
