微信小程序常用的方法

整体化数据处理思想

新建一个js文件,专门处理事件

屏幕快照 2017-08-17 下午6.04.05.png

注意

module.exports = { key : value} 在数据处理的js文件导出这个方法

如果某个地方要使用, 就要引用该js文件,用下面这条语句 require 后面是js路径
var postData = require("../../data/post-data.js")
然后把postData 对应的key 的数据拿来使用

template 模板思想的使用

原因: 有时候第一个界面要使用一个界面, 这个时候要用模板实现复用

1.新建一个文件夹 里面新建2个文件 一个 .wxss .wxml 文件
2.把复用的UI代码放.wxml 里面 记住要用<template></template>包裹 给template一个模板名字, 如下:

屏幕快照 2017-08-17 下午6.10.23.png

需要使用的地方.wxml需要加上这一句代码:
<template is="postItem" data="{{item}}"></template>

同理wxss 文件需要用的时候在自己的.WXSS文件中引入
引入:
@import "路径"

如下:
@import "../../template/postItem-template/postItem-template.wxss";