小程序学习笔记(一）

小程序学习笔记(一）

就近原则，以离页面最近的配置文件为准。

应用程序入口（app）

一级页面：wxml，wxss，js，json

二级页面：wxml，wxss，js，json

一级、二级页面可以无限多个（注意小程序大小限制，不可能无限多个），纵向页面层级数最多只能五级页面

应用程序级别的文件必须是app.js，app.json，app.wxss

同一文件夹下的文件名必须一致

例如：index文件里：index.wxml,index.wxss,index.js,index.json

app.json 配置项列表

属性 类型 必填 描述

pages String Array 是 设置页面路径

window Object 否 设置默认页面的窗口表现

tabBar Object 否 设置底部 tab 的表现

networkTimeout Object 否 设置网络超时时间

debug Boolean 否 设置是否开启 debug 模式

rpx: rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

水平方向的间距可以用rpx，垂直方向可以使用px来固定。

移动设备的分辨率与RPX

设备尺寸 （寸）逻辑分辨率（pt）  ---   视觉单位、长度单位，跟设备大小有关系物理分辨率（px）  ---   一般设计图都是使用物理像素，在移动开发时注意换算；px就是一个点，不能用大小来衡量；在小程序中使用的px其实指的是逻辑分辨率，在现实中px是一个长度单位，是具体的长度，不会发生改变，所有需要rpx来进行换算，进而自适应各个移动设备

如何做不同分辨率设备的自适应

1、以ip6的物理像素750*1334为视觉稿进行设计，而在小程序中使用rpx为单位

2、ip6下 1px=1rpx=0.5pt

3、使用rpx，小程序会自动在不同的分辨率下进行转换，而使用px单位不会。

1、数据绑定是核心知识

2、数据绑定的运算逻辑

3、AppData区域介绍

4、事件与事件对象

5、缓存（并不复杂）对于用户体验很重要,

6、列表渲染（核心知识）

7、template模板使用（核心知识）（决定了程序编写的高度）

显示哪一个页面决定于在app.json中pages数组的位置关系

小程序默认启动第一个页面就是在app.json中pages中配置的第一个元素