zoukankan      html  css  js  c++  java
  • 微信小程序-学习笔记

    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({})。

  • 相关阅读:
    cocos2d 多点触摸
    mac 下安装node.js
    黑鹰破解笔记(2)
    OD使用心得笔记二
    淘宝店开始进行审核
    黑鹰破解笔记(1)
    Lisp笔记1
    OD使用心得笔记一
    怒马
    近段时间的web开发
  • 原文地址:https://www.cnblogs.com/sunqq/p/8301996.html
Copyright © 2011-2022 走看看