小程序开发--学习笔记

公众平台登录网页：https://mp.weixin.qq.com

小程序社区：http://developers.weixin.qq.com/

——————————————————

默认开发目录

————————————————

　　1.　 app.js、app.json、app.wxss 这三个文件必须有不能删掉。

　　一个小程序主体部分由这三个文件组成，而且必须放在项目的根目录

• js后缀的是脚本文件，调用小程序框架提供的 API—— API 文档
• json后缀的文件是对整个小程序的全局配置文件——配置详解
  • 　　微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中

　　【注意】json文件不要加任何注释信息，任何json文件都是这样；

• wxss后缀的是样式表文件。是整个小程序的公共样式表
• 其他自定义文件夹下的页面中，wxml后缀的文件是页面结构文件。

　　2.　pages文件夹下的index 页面和 logs 页面

pages 中的第一个页面是小程序的首页，一个小程序页面由四个文件组成。

index 页面——小程序的欢迎页

　　页面的样式表（.wxss文件)是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。【.json文件同理】

　　index.js、index.json、index.wxml、index.wxss——描述页面的这四个文件必须具有相同的路径与文件名

logs 页面——小程序启动日志的展示页

框架——响应的数据绑定系统——在逻辑层修改数据，视图层就会做相应的更新

视图层

视图层（View）描述语言：wxml，wxss

逻辑层（App Service）框架：基于javascript

//util文件夹下的util.js

 1 function formatTime(date) {
 2   var year = date.getFullYear()
 3   var month = date.getMonth() + 1
 4   var day = date.getDate()
 5
 6   var hour = date.getHours()
 7   var minute = date.getMinutes()
 8   var second = date.getSeconds()
 9
10
11   return [year, month, day].map(formatNumber).join(‘/‘) + ‘ ‘ + [hour, minute, second].map(formatNumber).join(‘:‘)
12 }
13
14 function formatNumber(n) {
15   n = n.toString()
16   return n[1] ? n : ‘0‘ + n
17 }
18
19 module.exports = {
20   formatTime: formatTime
21 }

判断时分秒是否大于10，不大于10，前边加一个0：

n[1] ? n : ‘0‘ + n

 配置:　app.json文件内容及解释

pages属性——一个数组

每一项都是字符串，写入路径信息，来指定小程序由哪些页面组成。字符串之间用逗号隔开。

每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。

小程序中新增/减少页面，都需要对 pages 数组进行修改。