微信小程序-学习笔记

1）删除文件夹时必须将子文件夹删除，否则无效；

2）图片引入的时候路径格式“/具体路径”；

3）小程序中单位rpx。通常我们设计稿件中给出的是物理像素，手机上显示的px则是逻辑像素。之间的比例为物理像素/逻辑像素=2
如果在小程序中使用px,在任何机型上显示的都是固定大小，不能适应设备大小。建议设计稿件中宽为750px,iphone 6的规格设计。

4）小程序中样式：静态样式写到wxss中，动态样式写到style，每次页面渲染会重新加载。

5）如果container设置为flex,其高度为文本自适应高度。但是一般不确定内容的高如何让其高度与文本内容一样呢？
可以通过设置page标签样式（查看调试器->wxml），可以看到view最外层包裹一个page标签。
page { height: 100%; }

6) <text>可以内嵌<text>,同时其内部可以解析转义字符！注意：包含在text中的文字可以长按选中。

7）移动设备分辨率与rpx

① 一张设计图的实现？
② 为什么iphone6 分辨率为 375*667，而设计稿给出的是 750px？
第一个是逻辑分辨率，而设计稿中给出的是物理分辨率。
③ 如何适配不同的机型？
a) 以iphone6的物理像素750*1334为视觉稿进行设计，而在小程序中使用rpx为单位。
b) iphone6下，1px = 1rpx = 0.5 pt
c) 使用rpx,小程序会自动在不同分辨率下进行转换，而使用px为单位不会。注意：不是所有的单位都适用rpx,例如：字体，

逻辑分辨率（pt）--跟物体实际尺寸相关，可以简单理解为长度和视觉单位。
物理分辨率（px）--跟物体实际尺寸没有关系，视觉单位跟像素点多少有关。
两者之间换算就是一个实际的物体大小里面包含多少个像素点（pt = n*2（平方）*px，其中n 为dpr）

在普通屏幕下，1个css像素 对应 1个物理像素(1:1)。
在retina 屏幕下，1个css像素对应 4个物理像素(1:4)
总结：
IOS设备(下面设备都是retina屏-视网膜屏)
① 4,4s,5,5s,6,6s 的ppi为326px, dpr为2；
② 6+，6s+ 的ppi为441px,dpr为3；

PPI 概念： 每英寸下像素点。例如： 分辨率(px):320*480, 3.5寸；计算方式为： 斜边平方/实际尺寸= （320*320 + 480*480）/3.5

8）如果新建一个index.js页面，但是没有任何内容会报错，一定要调用函数Page({})。