微信小程序开发说明

0、其他

0.1.在实际开发中，图像资源不会存储在小程序的目录中，因为小程序的大小不能超过1MB（现在为2M）。如果超过，则无法在实际计算机上运行和发布项目。我们应该将所有图像存储在服务器上，并让小程序通过网络加载图像资源。

0.2.在wxss中，不能使用本地资源，例如背景图像。如果无法显示本地图像，则可以使用网络图像代替本地图像。同时，应添加背景大小属性。属性值的单位是rpx。

0.3小程序可以适应大小单位rpx。在微信小程序中，大小单位可以是px或rpx。有了rpx，组件可以适应屏幕的高度和宽度，但没有px。（官方网站：屏幕宽度指定为750rpx。例如，在iPhone 6上，屏幕宽度为375px，有750个物理像素，然后750rpx=375px=750个物理，1rpx=0.5px=1个物理像素）。在开发过程中，您使用的是rpx还是px？它主要取决于业务需求，即所需的元素是随移动设备的大小而变化，还是保持元素不变，因此需要具体的问题和具体的分析。例如，在许多情况下，元素的宽度、高度、边距和字体大小需要随着设备的大小而动态变化，以使页面元素之间的布局保持一定比例。在这种情况下，应该使用rpx，因此rpx是小程序的自适应单元。它非常适合控制图像的宽度和高度以及元素之间的间距。然而，与边界相关的属性不需要随着移动设备的大小而动态变化。因为如果边框是动态变化的，那么在大屏幕的手机上会变得很厚，这不是我们想要的结果。因此，与边界相关的属性单位应该设置为px。

0.4.分辨率和物理像素：在微信小程序模拟器中，给出了每个模型的分辨率。请注意，这里的分辨率是指逻辑分辨率pt，而不是物理分辨率。以iphone6 6为例，模拟器的逻辑分辨率为375px×667px，设备像素比（Dpr:device pixel ratio）为2，iPhone 6的物理分辨率为1334px×750px，这意味着iPhone 6的水平像素为375像素，垂直像素为667像素，每个逻辑像素包含两个物理像素。因此，开发人员必须注意逻辑像素和物理像素之间的区别。1个物理像素不等于1像素。通常，UI设计师绘制的设计图的像素是物理像素。假设图像的宽度为750像素（物理像素）。我们希望这张图片充满整个页面。如果我们直接将页面中图像的宽度设置为750px，这是错误的。正确的设置方法是750rpx或350px。

1.向容器添加背景色显示问题

微信小程序的整页设置风格

2.图像组件9图像剪辑和4缩放模式

如果元素的宽度和高度分别设置为340rpx和100%（在iPhone 6下为750rpx），则冰淇淋图像的原始高度分别为600px和750px。

在实际项目中，我们经常需要面对原始图像的大小与设计图纸中不同的情况（尤其是当原始图像的高度未知且不固定时，例如从网络中动态获取图像）。在这种情况下，我们必须放弃，或者放弃相等的比例，或者剪掉画面的一部分。接受不完美，这也是编程中非常重要的心态。例如，选择取决于业务需求。

小程序的图像组件提供了4种缩放模式和9种剪切模式，以支持我们的选择。

小程序页面设计MINA（MVVM）的框架结构

MINA（MINA不是APP）是微信小程序开发的框架

整个系统分为两部分：视图层和逻辑层（应用服务）。

MINA很容易将数据与视图同步。修改数据时，只需修改逻辑层中的数据，视图层将相应更新。（通过this.setData同步数据）

3.页面的生命周期

页面的生命周期是什么？由于人们的成长需求分为出生、童年、青年、中年和老年，一页从创作到卸载也经历了以下五个周期：

负载

陈列

翻译

隐藏

卸载

MINA框架提供了五个生命周期函数来监视这五个特定的生命周期，这样开发人员可以在这些特定的时间执行他们自己的一些代码逻辑。他们是：

OnLoad侦听页面加载。一个页面只能调用一次。

OnShow侦听页面的显示，并每t调用一次