由于毕设方面的需要,打算开始学习微信小程序,这里记录平常的知识点学习~
微信中的快捷键使用
快捷键 | 说明 |
---|---|
ctrl+b或ctrl+s | 运行代码 |
ctrl+f | 查找 |
f1 | 打开快捷键列表 |
关于调试方面
- 快捷键
快捷键 | 说明 |
---|---|
f10 | 单步调试 |
f8 | 调至下一断点 |
一些知识点
在小程序开发中,常使用的是iphone6下的开发状态,在iphone6下,1px = 2rpx
移动设备的分辨率与rpx
设备 | 屏幕尺寸 | 分辨率(pt) | Reader | 分辨率(px) | 渲染后 | PPI(DPI) |
---|---|---|---|---|---|---|
iphone 3GS | 3.5寸 | 320x480 | @1x | 320x480 | 空 | 163 |
iphone 4/4S | 3.5寸 | 320x480 | @2x | 640x960 | 空 | 326 |
iphone 5/5S/5C | 4.0寸 | 320x568 | @2x | 640x1136 | 空 | 326 |
iphone 6/6S | 4.7寸 | 375x667 | @2x | 750x1334 | 空 | 326 |
iphone 6/6S Plus | 5.5寸 | 414x736 | @3x | 1242x2208 | 1080x1920 | 401 |
其中:
- PPI=通过分辨率中的勾股定理得出的边/屏幕尺寸而来;
- pt为逻辑分辨率,pt的大小和屏幕尺寸有关系(可以简单理解为长度和视觉单位);
- px为物理分辨率(像素点,点无大小),和屏幕尺寸没有关系;
- 1个pt可以由1个px或2个甚至3个构成;
- 只有在iphone6下2个px才构成一个pt;
如何做不同分辨率设备的自适应?
- 视觉稿通常是以ip6的物理像素750x1334设计的,而在小程序中使用rpx为单位
- 在ip6下:1px=1rpx=0.5pt
- 使用rpx,小程序会自动在不同的分辨率下进行转换,而使用px则不会
一些小问题的解决
出现以下报错:
解决方法:
在welcome.js页面中加入如下代码:
Page({
})
以上内容会随着学习继续补充~