小程序中的JS文件分类三大类4、宿主环境的概念思考

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

小程序中的JS文件分类三大类4、宿主环境的概念思考

注：小程序项目*终首页以节点设置为准。

思考

❓小程序首页设置有哪两种方式？

将主页的路由放入app.json→在pages数组的**项中配置一个新节点。 节点 3.5、WXML 和 WXSS 什么是 WXML

WXML（）是框架设计的一组标签语言（组件）。 用于构建小程序页面的结构。 其功能类似于Web开发中的HTML。

WXML 和 HTML 之间的区别

什么是WXSS

WXSS（Style）是一种样式语言，用于描述WXML组件样式，类似于Web开发中的CSS

WXSS 和 CSS 之间的区别

②. 提供全局样式和局部样式③。 WXSS仅支持小程序中的部分CSS选择器3.6、js

一个项目仅仅提供页面展示是不够的。 在小程序中，我们使用.js文件来处理用户操作，开发业务逻辑，并调用小程序的API来完成业务。 需求包括：响应用户点击、获取用户位置、微信登录、微信支付等。

小程序中的JS文件分为三类 4.小程序宿主环境 4.1. 宿主环境的概念

思考

❓ 前面介绍了小程序文件的结构，那么这些文件在小程序中是如何协同工作的呢？

取决于微信客户端为小程序提供的托管环境！ 小程序可以调用宿主环境提供的微信客户端的能力，这使得小程序拥有比普通网页更多的能力。

主机是什么概念

宿主环境是指程序运行所必需的依赖环境。 例如：系统和IOS系统是两个不同的主机环境。 版微信App无法运行在IOS环境中，因此它是软件的宿主环境。 脱离了宿主环境的软件就没有意义。

摘要概述

❓ 托管环境是什么？

所谓宿主环境，就是程序运行所必须依赖的环境。

4.2. 小程序托管环境

思考

❓ 版微信运行在系统下，因此系统是版微信的宿主环境。 IOS版微信运行在IOS系统下，因此IOS系统是IOS版微信的宿主环境。 那么小程序的承载环境是什么呢？

微信小程序依赖于微信，离开微信就无法运行，所以小程序的托管环境就是微信。

小程序的托管环境是什么？

微信是小程序的承载环境。 没有微信，小程序就无法成功运行。

借助宿主环境提供的能力，小程序可以完成许多普通网页无法完成的功能，例如：微信扫码、微信支付、微信登录、地理定位等。

小程序托管环境提供的内容传播主体

小程序中通信的主体是渲染层和逻辑层，其中：

沟通模式

小程序中的通信模型分为两部分：

运行机制

小程序启动流程：①． 下载小程序代码包到本地②。 解析app.json全局配置文件③。 执行app.js小程序入口文件微信小程序开发介绍，调用App()创建小程序实例④。 渲染小程序首页⑤。 小程序启动完成

页面渲染流程：

①. 加载解析页面的.json配置文件②。 加载页面的.wxml模板和.wxss样式③。 执行页面的.js文件，调用Page()创建页面实例④。 页面渲染完成

思考

❓小程序的托管环境是什么？

小程序的宿主环境是微信

思考

❓小程序的传播主题是什么？

用逻辑层渲染

思考

❓小程序的通讯模型是怎样的？

渲染层与逻辑层之间的通信、逻辑层与第三方服务器之间的通信都需要通过微信客户端进行转发。

4.3. 小程序 了解常用的视图容器组件。

组件文档在新窗口中打开

一个小程序页面可以分解为多个部分，组件是小程序页面的基本组成部分。 为了让开发快速开发，小程序的宿主环境提供了一系列基础组件。 常用的组件包括以下内容：

视图容器基本内容 表单组件 导航组件 媒体组件 地图组件 组件开发能力 无障碍获取常用视图容器类组件

①.视图组件

②、-view组件

③、和-item组件

视图组件的使用

View组件类似于HTML中的div标签，一般用于布局。

-视图组件的基本使用

-view组件一般用于实现滚动区域的视图

以及-item的使用

和-item，滑块视图容器，需要结合使用，一般用于实现轮播区域的布局。

和 -item 公共属性描述

属性类型默认值说明

-点

错误的

是否显示面板指示点

-颜色

颜色

RGBA(0, 0, 0, .3)

指针颜色

- 颜色

颜色

#

当前所选指示点的颜色

错误的

是否自动切换

5000

自动切换时间间隔

错误的

是否使用连接滑动（拍摄*后一张照片时滑动到**张照片）

常用的基本内容组件

①、文本组件

②、富文本组件（v-html）

文本组件的基本用法

通过文本组件的属性，实现长按选中文本内容的效果

富文本组件的基本使用

通过富文本组件的nodes属性节点将HTML字符串渲染成对应的UI结构。

组件的基本使用

按钮组件比HTML中的按钮具有更丰富的功能。 通过open类型属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等）

属性名称 类型 默认值 说明

尺寸

按钮尺寸

类型

按钮样式类型

清楚的

错误的

按钮是否空心、背景色是否透明

错误的

是否禁用

错误的

名称是否带有at图标

图片组件的基本使用

图片组件，渲染图片（注意：图片组件如果不设置图片地址，也会占用空间。图片组件默认宽度为320px，高度为240px）

图像组件的mode属性用于指定图像的裁剪和缩放模式。 常用的mode属性值如下：

模式值说明

默认值，缩放模式，在不保持长宽比的情况下缩放图像，使图像的宽度和高度完全拉伸以填充图像元素

缩放模式，保持长宽比，缩放图片，使图片的长边能够完全显示出来小程序中的JS文件分类三大类4、宿主环境的概念思考，图片能完整显示。

缩放模式保持图像的长宽比，仅保证图像的短边能够完整显示。 也就是说，图像通常仅在水平或垂直方向上是完整的，而在其他方向上会发生剪切。

思考

❓小程序常用的组件有哪些？

视图、-视图、文本、图像等。

思考

❓如何在小程序中渲染HTML字符串？

通过富文本组件的nodes属性节点将HTML字符串渲染成对应的UI结构。

思考

❓ 图像组件的默认宽度和高度是多少？

图像组件的默认宽度为 320px，高度为 240px。

4.4. 小程序API

小程序中的API由宿主环境提供。 通过这些丰富的微信原生API，可以轻松激活微信提供的能力，比如获取用户信息、本地存储、支付功能等。小程序官方将API分为以下三类：

①.事件监听API

②. 同步API

③、异步API

5. 协作开发流程 5.1。 小程序协同开发

了解权限管理需求

在中型和大型公司中，人员之间的分工非常仔细：对于同一个小小程序项目，不同职位和角色的员工通常会同时参与设计和开发。

这时，由于管理的需要，我们迫切需要对不同岗位、不同角色的员工进行权限划分，以便他们高效地进行协同开发。

了解公司组织架构

了解公司开发历程

了解小程序会员管理的两个方面

小程序会员管理体现在管理员对小程序项目会员和体验会员的管理：

项目成员表示参与小程序开发和运营的成员可以登录小程序管理后台（微信公众平台）。 管理员可以添加、删除项目成员，并设置项目成员的角色。 体验会员表示参与小程序内测体验的会员可以使用试用版小程序，但不是项目会员。 管理员和项目成员可以添加和删除试用成员。

开发权限说明

不同项目成员对应的权限。 项目成员分为三种角色：运营者、开发、数据分析师。

开发权限说明

登录权限：无需管理员确认即可登录小程序后台管理。 开发权限：可以使用小程序开发工具以及小程序功能的代码管理。 体验者：添加或删除小程序体验者。 体验者权限：可以使用小程序试用版

如何添加项目成员和体验成员

每个小程序账号可以添加一定数量的项目成员和体验成员。 具体限制如下：

摘要概述

❓ 项目成员分为多少个角色？一个企业账号可以添加多少个项目成员和经验成员？

分为3类：运营者、开发、数据分析师各*多可添加15人，企业各*多可添加90人。 5.2. 小程序发布流程

了解小程序的版本阶段

在软件开发过程中，根据不同的时间节点会产生不同的软件版本。 例如，小程序中的软件版本包含4个版本阶段描述。

开发版本

使用开发工具，可以将代码上传到开发版本。 开发版本只保留每个人*新上传的代码。 单击“提交以供审核”以提交代码以供审核。 开发版本可以删除，不影响线上版本和审核版本的代码。

试用版

您可以选择开发版本并将其转换为试用版本

版本审核中

只能审查一份代码副本。 评审结果出来后，可以在线发布并直接重新提交评审，覆盖原来的评审版本。

网络版

所有在线用户使用的代码版本。 新版本代码发布后，该版本代码将被覆盖更新。

了解启动小程序的主要步骤

小程序发布上线总体步骤：小程序发布上线一般需要三个步骤：上传代码→提交审核→发布。 上传代码：点击开发工具顶部工具栏“上传”按钮，填写版本号和项目备注

后台查看上传的版本

登录小程序管理后台-->管理-->版本管理-->开发版本，可以查看您刚刚提交上传的版本。

提交审核为了保证小程序的质量并符合相关规范，小程序的发布必须经过腾讯官方审核

发布

审核通过后，管理员会在微信上收到小程序审核通过的通知。 此时，在审核版本列表中，点击发布按钮，即可将审核通过的版本发布为线上版本，供所有小程序 用户访问和使用

5.3. 基于小程序码的促销

与普通二维码相比，小程序码的优势如下： ① 风格上更具辨识度和视觉冲击力 ② 可以更清晰地树立小程序的品牌形象 ③ 可以帮助开发和商家更好地推广小程序

小程序代码获取步骤

登录小程序管理后台→设置→基本设置→基本信息→小程序代码及线下素材下载

查看小程序运行数据

思考

❓小程序版本分为几个阶段？

分为4种：开发版、体验版、审核中版、上线版

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等