微信小程序学习一

 一、在小程序里面类型文件

 1.js-就是js逻辑脚本文件负责定义页面数据、生命周期、事件方法

 2.json-就是json配置文件负责全局或某页面的配置项

 3.wxml-就是模板文件负责页面结构，类似于我们知道的HTML

 4.wxss-就是样式文件负责页面样式。类似于我们知道的CSS

二、JSON配置

1.app.json配置 是全局配置--包括小程序所有页面的路劲、界面表现，网络超时时间，底部tab.

    pages--描述小程序所有页面的路径

    window--定义所有小程序页面顶部背景颜色，文字颜色定义

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/video/video"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarTitleText": "首页",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTextStyle": "black"
  }
}

2.工具配置project.config.json

 在开发工具上做的任何配置都会写到这个文件，从新安装开发工具或者换电脑加载同一个代码包，就会恢复到开发之前这个项目的配置。

3.页面配置 page.json

  page.json也就是页面中的logs/logs.json 用于单独修改页面的样式，头部颜色什么的，每一个页面单独的属性。

4.whml模板

  跟html类似，用于描述当前这个页面的结构

5.wxss样式

  新增了尺寸单位 --可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

  提供了全局的样式和局部样式--app.wxss作为全局样式，而页面文件夹内logs.wxss就是当前这个页面的局部样式

  此外 WXSS 仅支持部分 CSS 选择器

6.js交互逻辑

  在小程序中没有DOM操作，只能操作数据的