微信小程序开发笔记（一）

最新推荐文章于 2023-06-02 23:07:56 发布

Scorpio_Happy

最新推荐文章于 2023-06-02 23:07:56 发布

阅读量765

点赞数

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/happyghh/article/details/88431851

版权

本文是微信小程序开发的初步笔记，涵盖了文件结构、数据类型、语句和运算符的基础知识。重点讨论了app.json、app.js、app.wxss以及pages目录的作用。同时，提到了在处理数据类型时需要注意的细节，如将数值类型转换为Number，布尔值在数据传递中的转化，以及数组操作的注意事项。此外，还强调了代码复用性和组件模版的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序官方文档

微信小程序示例，仅做练习微信小程序使用
数据来自：[免费开放接口API开放接口API peakchao
](https://blog.youkuaiyun.com/c__chao/article/details/78573737)

参考：
微信小程序官方Demo
从零开始学微信小程序，看这些就够了

一、文件结构

project.config.json 工具配置开发者工具的配置这个主要针对开发者的对工具的使用习惯，自己进行的个性化配置，当换了电脑重新安装工具，只需载入同一个项目的代码包，开发者工具就会自动恢复开发项目是的个性化配置。

app.json 是小程序的全局配置文件，包括小程序所有页面路径、界面表现、网络超时时间、底部tab等。具体的配置可点击查看详情。需要注意的是该文件不支持任何形式的注释，并且page[] 最后一个页面路径不允许使用“,”分割，各个页面路径之间必须用“,”分割。pages目录下的文件必须在该json文件中进行配置。

app.js App() 函数用来注册一个小程序，必须在 app.js 中调用，必须调用且只能调用一次

App({
  //小程序初始化完成时触发，全局只触发一次
  onLaunch(options) {
    // Do something initial when launch.
  }，
  //小程序启动，或从后台进入前台显示时触发。
  onShow(options) {
    // Do something when show.
  },
 //小程序从前台进入后台时触发。
  onHide() {
    // Do something when hide.
  },
 //小程序发生脚本错误或 API 调用报错时触发
  onError(msg) {
    console.log(msg)
  },
  globalData: 'I am global data'
})

app.wxss 全局样式，一般把小程序通用的样式写在这里，小程序的每一个页面都可以使用。

pages文件夹