小程序初体验(1)

来源:互联网 发布:linux echo输出到文件 编辑:程序博客网 时间:2024/06/05 08:24

虽然文档上讲的很详细,但个人决定还是把文档整体的总结一下,也就是自己看的东西,原来以为小程序用的是html5,看了文档之后,觉得很像ReactNative开发,用的应该是mvvm结构。所以有了一下内容。希望对看到的码友们有帮助。

小程序中最主要的三个文件:

.js后缀的文件---------脚本文件-------逻辑层.json后缀的文件------配置文件-------设置.wxss后缀的文件------样式文件-------视图层

小程序的文件结构:

images文件中是小程序所有的图片
pages文件中是小程序所有的页面信息
utils文件中是小程序用到的公交
app.js、app.json、app.wxss为小程序的配置文件
这里写图片描述

一、配置文件的位置

1.app.js文件

a.监听并处理小程序的生命周期函数b.声明全局变量c.调用API,如数据的存储API文档地址:        (https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=1476197480996)

2.app.json文件

a.配置小程序的页面b.配置小程序的窗口背景色c.配置导航条d.配置默认标题......

配置列表:
这里写图片描述
配置详解地址:
(https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=1476197480996)
注意:不能有任何注释

3.app.wxss公共样式表

在页面组件class属性直接调用

这里写图片描述

0 0
原创粉丝点击