小程序学习笔记(一)
就近原则,以离页面最近的配置文件为准。
应用程序入口(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中配置的第一个元素