每一个小程序页面是由同路径下同名的四个不同后缀文件的组成 ， 如：index.js、index.wxml、index.wxss、index.json 。.js后缀的文件是脚本文件 ， .json后缀的文件是配置文件 ， .wxss后缀的是样式表文件 ， .wxml后缀的文件是页面结构文件 。
index.wxml 是页面的结构文件：
本例中使用了
index.js 是页面的脚本文件 ， 在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例 ， 声明并处理数据 ， 响应页面交互事件等 。
index.wxss 是页面的样式表：
页面的样式表是非必要的 。当有页面样式表时 ， 页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则 。如果不指定页面的样式表 ， 也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则 。
index.json 是页面的配置文件：
页面的配置文件是非必要的 。当有页面的配置文件时 ， 配置项在该页面会覆盖 app.json 的 window 中相同的配置项 。如果没有指定的页面配置文件 ， 则在该页面直接使用 app.json 中的默认配置 。
logs 的页面结构
ogs 页面使用
运行结果如下：
4. 手机预览
开发者工具左侧菜单栏选择"项目" ， 点击"预览" ， 扫码后即可在微信客户端中体验 。
下面推荐一款小程序体验——嗨图
【微信小程序平台怎么用？微信小程序平台使用方法】
推荐阅读
- 换机微信记录如何导入
- 微信骰子怎么控制大小
- 小天鹅洗衣机不转了嗡嗡响
- 微信删了的聊天记录 在哪可以重新找到
- 微信表情没了如何恢复
- 微信运动更新慢的原因
- 如何关闭小爱
- 微信街景地图怎么没了
- 大龄小孩新入学
- 华为手机桌面微信图标不见了怎么办