美文网首页
2017-12-20

2017-12-20

作者: 多佳小昕 | 来源:发表于2017-12-21 19:17 被阅读0次

第三章

一、 编写第一个小程序页面
  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

相关文章

网友评论

      本文标题:2017-12-20

      本文链接:https://www.haomeiwen.com/subject/sprnwxtx.html