微信小程序2--框架分析(开发注意事项)

在你打开你的hello world微信小程序之后你会看到:
这里写图片描述

1. pages
pages 目录下存放着你这个小app的所有页面。比如index目录下存放的就是你现在看到的这个页面,
在你点击你自己的头像以后就会跳转到logs目录下的logs页面
这里写图片描述

在每个页面下面都有四个子文件:
(注意:每个页面下的四个文件的名称必须一致)
(还要注意:后缀名为js和wxml的文件是每个页面必须要有的)

功能:
.wxml 文件:掌管着该页面的视图,这个页面长啥样就靠它。
.js文件: 控制这个页面的逻辑,比如点击你的头像会跳转到另一个页面。
.json文件:页面配置文件。
.wxss文件:控制这页面样式,如果在你用了wxml和js文件之后感觉这个页面还是不够漂亮的话,就需要来这里进行进一步的美化。

2.utils
在这个目录下存放的是你创建的所有页面的共有属性,为了省的让你为每个页面都编写相同的属性,比如你每个页面的标题都是黄色,大小都是最大,那你就可以创建一个共有的.js 和.json和.wxss文件在这里。

3.app.js
(注意:它是这个小app必须要有的文件)
控制这整个app 的逻辑,比如它这里就处理了//调用API从本地缓存中获取本地时间的逻辑。
这里写图片描述
4.app.json
(注意:它也是小程序必须要有的文件)
控制窗口的配置,并且每个页面都需要在它这里注册,不然bug。
这里写图片描述
5.app.wxss
掌管着整个页面的样式,也算一个共有的样式文件,起到美化修饰全程序
的作用。

(学习来源于网络,还在不断完善中)

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值