很久以前，我分享了小程序的开发情况，但在此之前，我还没有真正开展在线小程序业务。因此，当时，作为要与小程序业务联系的前端开发人员，我只是想谈谈我对小程序提供的某些功能的看法和研究。当时，我做了一些测试演示来验证一些东西。今天，我会记下当时的PPT内容并与您分享。

好的，没什么好说的。

内容主要涉及与小程序相关的五个方面。

1、文本组件

2、单位（RPX）

3、生命周期

4、模板模板

5、Player插件

一一看。

一、文本组件

在小程序中使用view组件等效于div标签，而text组件等效于b / span文本标签。但是，实际上，我们可以使用text组件包装一段文本，也可以不使用text组件。该组件直接由view组件包装。两者有什么区别？

让我们先进行测试。

很显然，小程序为TEXT组件提供了特殊功能。通过使用TEXT组件包装文件，可以更轻松地控制其样式。因此，通过一些比较和测试，我对文本组件的理解有两点：

1、用TEXT组件包装的内容易于编写样式来控制其显示UI。

2、在小程序中，长按只能选择TEXT包围的文本（此点小程序为文本组件分配了一个属性，如上所示）。

二、单位RPX

谈谈我对RPX的理解，RPX是小程序的唯一单位。首先，小程序开发可以被视为移动Web开发。原来是一个移动终端的开发，那么我们应该使用移动终端的思想来编写代码，该移动终端具有一些我们需要考虑的特殊功能，例如：

1、最重要的事情！ ，如何适应不同的模型。

2、由于这种关系，模拟器的ip6分辨率为375，设计吃水为750。

先看一张照片：

我在很多地方都谈论过这张照片。通过这张图片，我们可以知道模拟器ip6的375是逻辑分辨率的概念。该单位可以视为PT。它与我们的每日布局相同。 CSS像素在数值大小方面是同一件事，并且物理分辨率（例如上面的750 * 1334）是设备的真实分辨率的概念，并且它与上述逻辑像素值具有对应关系） （阅读器）。这意味着一个逻辑像素包含多个物理像素问题。了解这些物理像素问题后，让我们看一下小程序序列中的RPX。

让我们看一下RPX的作用，看看它可以解决什么问题。

1、 ip6 1px = 1rpx =0.5pt

此处提到的PX是指1px的物理分辨率。这是小程序的要求。视觉草稿是使用ip6物理像素750X1334设计的，但是小程序设置了另一个称为RPX（响应像素）的单位。但是，对于RPX，小程序将自动在不同分辨率之间转换。从而达到适应的效果。

难以理解：小程序中的RPX等同于PX / rem / em和其他用于表达移动开发中视觉与设备分辨率之间逻辑关系的单位。

2、并非所有单位都适合rpx。

RPX将根据不同的模型进行自适应调整，有时我们不需要进行此类调整。如下图所示：

例如，对于某些文本介绍，使用RPX后，小屏幕看起来完全无法控制，显示效果相对较小，甚至情况还不清楚，并且有一些标题。也许我们就是您想要在任何型号上看到的都是大胆而巨大的效果。在这种情况下，我实际上认为我们仍然可以使用PX作为控制它的单元。

三、生命周期

小程序也有生命周期。实际上，整个开发过程都类似于前端框架React / vue。因此，让我比较一下小程序中同一时期的概念。

如下所示：

对于那些公开的方法，onLoad / onShow / onReady很容易理解。页面初始化数据的处理方式需要注意一点：

1、在React框架中

实际上，在运行willmount之后，将生成渲染，然后执行didmount。如果didmount中有数据更改，请在执行渲染之前使用setState处理更改。

在willmount中，我们可以使用this.state.xxx初始化变量的值。

2、 小程序架构

但是，在小程序的生命周期中，我们可以使用this.data.xxx来初始化onLoad中的变量吗？

答案是否定的。以前的版本可能是可能的。检查小程序文档。

四、模板

WXML提供了一个模板（模板），您可以在模板中定义代码片段，然后在不同的地方调用它。

模板的使用非常简单，文档也非常清楚，因此，对于这个清晰的描述，我对模板有两点：

1、与脚本介绍不同，可以使用绝对路径

脚本的引入只能使用相对地址，而模板的引入可以使用绝对路径。

2、模板化不是模块化的

您是否发现模板文件中实际上有一个丢失的文件shipin-item-template.js，是的，无法在此处添加此脚本文件，因此从业务角度来看，逻辑不能分离。因此，小程序原始模板只是一个模板，而不是模块。

五、Player插件

小程序插件功能很快在前端发布。让我们谈谈对申请过程的理解。

在小程序的后台管理中，请按照上述步骤申请插件。还有一些相应的插件使用方法。背景如下。

总结：

以上内容出于好奇，已经对某些功能进行了测试。 小程序发展点远不止这些。为了在小程序开发中取得出色的成绩，您需要继续练习和总结。以上仅为个人知识，如有错误，请留言纠正。