2017-12-20

第三章

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

物理分辨率:像素点,和尺寸无关,px
逻辑分辨率:长度和视觉单位,pt
一个pt可以有1/2/3个px构成(i6是两个)

  1. PPI(DPI):每一寸包含多少像素点,根号下分辨率除以屏幕尺寸。
  2. rpx的作用:自适应,可以在不同的分辨率下进行转换。
    (不是所有单位都适合rpx,比如文字)

i6下:1px=1rpx=0.5pt
要是用6plus的物理分辨率做设计图:1px=0.6rpx

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容