第三章
一、 编写第一个小程序页面
- 文件类型和目录结构
html骨架
css样式
js逻辑
json 配置文件
app开头的文件是描述全局的文件
以离主页面最近的页面配置为主
横向同级p页面可以有无限多(最好越少越好)、纵向页面最多有5级 - 注册小程序页面,view image text等组件基本用法
appjson控制全局 - flex弹性盒子模型
- 移动分辨率和自适应单位rpx
小程序用的不是物理像素px,是逻辑像素(苹果手机屏幕)
物理/2 = 逻辑
rpx可以自适应,在不同机型上显示的都是正常的。 - 不需要声明文件类型,不用去调用
- text中 /n会被解析成一个换行
text中可以嵌套text
二、移动设备分辨率知识
- 设计图通常给750 i6的分辨率是375
小程序给的是逻辑分辨率
物理分辨率:像素点,和尺寸无关,px
逻辑分辨率:长度和视觉单位,pt
一个pt可以有1/2/3个px构成(i6是两个)
- PPI(DPI):每一寸包含多少像素点,根号下分辨率除以屏幕尺寸。
- rpx的作用:自适应,可以在不同的分辨率下进行转换。
(不是所有单位都适合rpx,比如文字)
i6下:1px=1rpx=0.5pt
要是用6plus的物理分辨率做设计图:1px=0.6rpx