微信小程序学习笔记1--小程序的代码构成

  最近打算学习一下微信小程序,看了微信公众平台的文档感觉还比较简单,就从这个方向重新找回学习的状态吧;

1.先了解一下小程序的代码构成;

创建项目后会看到四种后缀的文件:

  1. .json 后缀的 JSON 配置文件
    首先是app.json,这是小程序全局的配置文件
    {
      "pages":[
        "pages/index/index",
        "pages/logs/logs"
      ],//这是页面的配置,是关于页面路径的一个数组,所有的页面都放在里面;第一个是小程序的初始页面
      "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle":"black"
      }//用于设置小程序的状态栏、导航条、标题、窗口背景色。
    }

     

  2. .wxml 后缀的 WXML 模板文件

         这个好比Html文件,有微信小程序特有的标签、属性等等构成;

        3.wxss 后缀的 WXSS 样式文件

        这个好比Css文件

        4.js 后缀的 JS 脚本逻辑文件

        这个是负责页面逻辑的文件

整体这么一看就是一个简单网页的结构基于小程序的这个框架当中;

用它的一些组件、Api来丰富页面的功能;还是需要多看文档来探索其中丰富的用法;

 

微信小程序学习笔记1--小程序的代码构成

上一篇:微信小程序 | 小程序的转发问题


下一篇:微信小程序给input、picker、textarea编写统一的更新数据逻辑