24:11:29

Web前端系列课程 Mini计划实际战斗教程说明_WEB前端食品疗法实际战斗项目解释

2107观看27弹幕

微信迷你计划开发工具的功能非常强大和方便。这些工具集成在工具，开发，调试和程序发布中。

编辑器分为两个部分，右侧的编辑区域可以编写基本操作，例如写作，文件添加和删除，以及在当前项目上重命名。在左侧的模拟区域，可以实时预览编辑。编辑器还提供相对完整的自动完成和自动储蓄功能。编写代码后，该工具将自动帮助用户将当前代码作为编辑状态保存。如果该工具直接关闭或切换项目，则不会丢失当前代码编辑状态的编辑状态。本质

但是，应该注意的是，编辑状态中的代码仅存储在工具中，并且不写在硬盘上。

只有在手动保存文件后，才能将修改的内容写在硬盘上，并触发真实的时间预览。

调试工具分为七个主要功能模块：

编辑选项卡主要用于显示和设置项目的信息。显示的信息包括图标，本地开发目录，最新更新时间，最近的上传时间和代码包大小。在

预览：引用微信服务源代码后的两个维度代码成功且成功。在扫描了最新版本的微信码之后，开发人员可以在手机上体验最新结果。

创建一个小程序项目时，某些文件开发工具默认情况下会生成一些文件。这些文件是小程序的基本结构。此外，在开发过程中，可以根据产品需求自定义小程序的目录和文件。

全局配置

微信中的全局配置必须在app.json文件中执行。

这些配置可以确定页面文件，窗口性能，设置网络超时时间，设置多个选项卡的路径。

配置项目

接受数组值，每个项目都是一个字符串，用于指定小程序的哪个页面。

每个项目[路径+文件名]在相应页面上的信息。

配置项目

接受对象值并设置对象的基本样式属性，例如状态栏，导航条，窗口页面和其他对象。

配置项目

接受一个数组值，该数组值用于设置标签底部标签栏的样式性能，并在选项卡开关时显示相应的页面。

配置项目

接受对象值，该对象值用于设置各种网络请求对象的超时。超时单元是毫秒，默认设备。

配置项目

接收一个值以设置调试模式以打开开发人员工具。默认值是，在开发者工具的控制表面板打开后，调试信息的形式以信息的形式给出。该信息具有页面注册，页面路由，数据更新和事件触发。这可以帮助开发人员快速找到一些常见的问题，但是当正式发布时，该配置项目应关闭。

除了 Mini程序的全局配置外，它还可以在.json的每个页面上分别配置。每个页面配置都比app.json的全局配置简单得多，但只需在app.json中设置配置项的内容即可。页面中的配置项将涵盖app.json中相同的配置项。页面上的.json只能设置相关的配置项来确定此页面的窗口性能，因此无需编写此键。

每个微信应用的应用程序都有其自己的生命周期，而微信迷你程序应用程序的每一页也都有其自己的生命周期。

页面数据处理

页面的数据处理分为两个方面。第一个是初始化数据，第二个是操作数据。

数据的初始化

初始化数据将用作页面的第一个渲染。数据将以JSON的形式从逻辑层传递到视图层（即，从.js文件到.wxml文件。可以通过WXML键入视图层），因此必须将其数据转换为JSON 。格式字符串，数字，布尔值，对象，数组。

页面堆栈

微信迷你计划提供的框架是以堆栈的形式维护所有页面。

注意：

·不要尝试修改页面堆栈，这将导致路由和页面状态错误。

页面路由

在微信中，所有页面的路由都由框架管理。

简单包裹并致电

文件操作域

.js文件中声明的变量和函数仅在文件中有效。可以在不同文件中声明同名的变量和功能，

它不会互相影响。

通过全局函数（），您可以获取一个全局应用程序实例。如果您需要全球数据，

您可以在应用程序（）中设置它。

模块化的

在日常编程过程中，一些可以重复使用的代码通常会被完善并放置在公共文档中。在微信中，可以将某些公共代码作为模块删除到单独的JS文件中。该模块只能将接口暴露于外部曝光。

微信迷你程序通过模型布局安排组件。与普通的布局方法相比，更容易实现适合屏幕布局的宽高度。它更灵活，并且非常适合微信迷你程序的布局要求。

1个基本元素

布局的主要思想是通过设置容器的规则（Flex，Flex Item，Flex项目，将所有视图组件自动分配在主轴和侧轴（轴）上的主轴（轴）上。

2个容器属性

容器属性参考

3个子元素属性

子元素属性定义了望远镜项目的属性，

4个属性

该属性用于指定文档中元素的定位方法

5帧，间隙和填充

边界很理解。差距是指组件之间的距离，填充是指组件与边界距离的含量。

组件是视图层的基本元素，也是构建页面的基础。

每个组件都有一个自定义属性，可以修改功能样式，但仅支持以下七种类型的数据类型

：1查看容器组件

微信Mini程序具有大量的用户界面组件。使用这些组件，开发人员可以轻松构建用户界面。

2个基本内容组件

基本内容组件用于在接口中显示图标，文本，滚动条信息等。

3个形式组件

表单组件用于构建与用户互动的表单。

4个多媒体组件

多媒体组件可以在页面上加载图片，音频和视频，并可以控制显示方法和过程，从而使页面更加多样化和吸引人。

5个地图组件

MAP组件，微信微图 - 提供地图导航功能。使用地图组件和地图位置API轻松，快速实现地图定位导航。

6个导航组件

导航组件，是微信小程序中用于控制所有页面顺序的组件。它可以帮助我们实现路线并跳到页面上，这很方便使用。

7个帆布组件

标志组件，它可用于实现未提供某些微型程序控件的页面元素，

开发人员可以自由使用绘画布来绘制所需的页面效果。