2017年1月19日
微信小程序-调用工具js文件/utils文件中的函数/变量
摘要： 在小程序中，定义了一项工具文件utils,此文件的js旨在本文件之内有效，当其他子页面想调用其中的js方法或者变量时，需要两步骤： 1：在utils被调用的js文件中，面向对象的方式模型输出： module.exports={要调用的函数名称：要调用的函数名称 }； 2：在要调用的js文件中模块化引 阅读全文
posted @ 2017-01-19 09:46 司马懿是一朵小花 阅读(37126) 评论(0) 推荐(1) 编辑
微信小程序--更改启动页面
摘要： 在微信小程序中，如果想把子页面设置成打开程序的第一眼页面而不是首页，只需要在公共json文件中的pages里面的第一位设置成你想要的页面路径即可： "pages":[ "pages/index/index",//把要放在启动第一位显示的页面路径放在此处。 "pages/logs/logs", "pa 阅读全文
posted @ 2017-01-19 09:17 司马懿是一朵小花 阅读(5270) 评论(0) 推荐(0) 编辑
2017年1月18日
微信小程序--事件总结/冒泡事件
摘要： 小程序的事件主要有： touchtab 点击事件 touchstart 开始滑动 touchmove 滑动中 touchend 滑动结束 touchcancel 滑动中断 一般来电或其他弹出框使得滑动中断 小程序中的wxml中绑定事件有两种：以touchtab为例 ，在wxml中必须有bind/ca 阅读全文
posted @ 2017-01-18 17:03 司马懿是一朵小花 阅读(12068) 评论(0) 推荐(2) 编辑
微信小程序-插入图片/html元素应用/选择器/引入外部css文件
摘要： 一：插入图片 在小程序中插入图片html中的<img/>是无效的，小程序自定义的标签为 <image src=""></image> ps：1px=0.5rpx; 二： html元素应用 如果想用html原有的元素，必须在wxss中定义元素的display:block不然无法应用，且html元素的i 阅读全文
posted @ 2017-01-18 15:51 司马懿是一朵小花 阅读(7547) 评论(2) 推荐(1) 编辑
小程序--引用公共模板方法/共同header/footer
摘要： 微信小程序中，如果几个页面中需要引用同一个header/footer，当定义了公共模板时，有两种引用方法如下： 方法一：在公共模板中定义template元素，利用<import/> 方法 ,这种方式只会显示公共模板的template里面的内容，之外的内容不会显示 wxml: <import src= 阅读全文
posted @ 2017-01-18 13:39 司马懿是一朵小花 阅读(8351) 评论(0) 推荐(0) 编辑
小程序-if判断语句/条件判断语句简析 /显示隐藏判断
摘要： 小程序的条件判断语句格式为： wx:if="{{xxx}}" if(){} wx:elif="{{xxx}}" else if wx:else="{{xxx}}" else] 同时如果通过true/false判断某元素是否显示或者隐藏，同样用wx:if=“{{xxx}}”来判断，xxx为true则显 阅读全文
posted @ 2017-01-18 11:18 司马懿是一朵小花 阅读(52748) 评论(1) 推荐(1) 编辑
小程序--data 数据各种形式和运算
摘要： 微信小程序的数据的运算和显示和ng原理差不多，主要分为以下几种方式： 1： 字符串 2： 数字的直接加减 3：json对象 注意里面的对象名称不能出现‘—’不然在页面无法渲染 4：字符串拼接（包括数字） 5：直接定义id和class的名称等属性值 例子如下： wxjs: wxml: 页面结果： 阅读全文
posted @ 2017-01-18 11:12 司马懿是一朵小花 阅读(4191) 评论(0) 推荐(0) 编辑
小程序-for循环
摘要： 微信小程序的在wxml的for循环和angularjs的循环方式相差不多，格式为：<view wx:for="循环体">{{index}} {{list}} </view> 这里的list是循环体里的数据的固定名称,index为循环数据的索引值即下标值的固定名称 如果是嵌套循环，很容易出现多个lis 阅读全文
posted @ 2017-01-18 11:07 司马懿是一朵小花 阅读(7316) 评论(0) 推荐(1) 编辑
2017年1月17日
小程序-setData方法使用--改变默认数据data初始值方法
摘要： 一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息 方法如下： js: wxml: 阅读全文
posted @ 2017-01-17 16:47 司马懿是一朵小花 阅读(13456) 评论(0) 推荐(0) 编辑
小程序-默认函数部分解析
摘要： Page({ data: { "headtxt":app.productshead()//调用公共appjs的方法 }, // 页面默认的函数 onLoad:function(){ // 页面加载函数（进入页面时候--每次进入此页面都执行） console.log("onLoad") }, onShow:function(){ // 页面显示函数（前台/后台或... 阅读全文
posted @ 2017-01-17 16:11 司马懿是一朵小花 阅读(497) 评论(0) 推荐(0) 编辑