微信小程序 学习笔记

1、pages

  主要存放小程序的页面文件,其中每个文件夹为一个页面,每个页面包含四个文件,

  (1).wxml文件是界面文件;

  (2).js是事件交互文件,用于处理界面的点击事件等功能;

  (3).wxss为界面美化文件,让界面显示的更加美观;

  (4).json为配置文件,用于修改导航栏显示样式等

  注意:

    (1)小程序每个页面必须有.wxml和.js文件,其他两种类型的文件可以不需要

    (2)文件名称必须与页面的文件夹名称相同,如index文件夹,文件只能是index.wxml、index.wxss、index.js和index.json.

2、utils

  该文件件主要用于存放全局的一些.js文件,公共用到的一些事件处理代码文件可以放到该文件夹下,用于全局调用。

  对于允许外部调用的方法,需要用module.exports声明,才能在其他js文件中使用

module.exports = {  
  util: util
}  


其他文件引入:
var util = require('../../utils/util.js')  

3、app.js、app.json、app.wxss

  (1)app.js : 系统的方法处理文件,主要处理程序的声明周期的一些方法;例如:程序刚开始运行时事件处理等

  (2)app.json : 系统全局配置文件,设置导航头的颜色,字体大小,下面有没有tabbar等功能,具体页面的配置在页面的json文件中单独修改;

  (3)app.wxss : 全局的界面美化代码

猜你喜欢

转载自www.cnblogs.com/qzccl/p/8968728.html