微信小程序学习笔记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来丰富页面的功能;还是需要多看文档来探索其中丰富的用法;

上一篇:微信小程序学习笔记以及VUE比较


下一篇:Safari无痕模式是不能只使用localStorage存储数据要用Cookie做补丁