微信小程序开发——简介（1）

我们看到很多公司招聘微信小程序开发人员，微信团队也开发了小程序开发IDE，这表明微信对小程序开发有很大的信心。今天，公司的电脑上安装了一个新版本。界面真的很新鲜，比以前好多了。不得不说，大公司是不同的。微信开发的小程序开发IDE有三个版本：win64、win32和mac，它们始终是用户体验。IDE的安装取决于您。

以下是已安装的界面：

在进入界面之前，您需要申请一个AppID。网上有很多干货，所以你可以自己申请。干净的界面和清晰的结构对于开发至关重要。

集成电路设备

看到了这个令人兴奋的开发工具，这里是Big Head。嗯，是的，大头。

项目结构

首先，app。json。app。Json是当前小程序的全局配置，包括小程序的所有页面路径、界面表示、网络超时和底部选项卡。

对于app的配置。json，请参考以下配置项。

配置项目

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

每个项目代表相应页面的[路径+文件名]信息，数组的第一个项目代表小程序的初始页面。在小程序中添加/减少页面时，需要修改页面数组。文件名不需要有文件后缀，因为框架会自动查找。json等，。js、，。wxml和。集成路径下的wxss文件。

窗口：用于设置小程序的状态栏、导航栏、标题和窗口背景色。

TabBar：如果小程序是一个多选项卡app（在客户端窗口的底部或顶部有一个用于切换页面的选项卡栏），则可以通过选项卡栏配置项指定切换选项卡时显示的选项卡栏和相应页面的性能。

提示：

当位置设置为顶部时，图标将不显示

tabBar中的列表是一个数组。您只能配置至少2个选项卡，最多5个选项卡。选项卡根据数组的顺序进行排序。

TabBar属性

列表属性

NetworkTimeout：您可以设置各种网络请求的超时。

属性

调试：您可以在开发人员工具中打开调试模式。在开发人员工具的控制台面板上，调试信息以信息的形式给出，包括页面注册、页面路由、数据更新和事件触发。它可以帮助开发人员快速找到一些常见问题。

以上是关于小程序的全局配置。事实上，这是关于小程序的总体配置。

pageName。Json：pageName还可以用于每个小程序页面Json文件，以配置该页面的窗口表示。页面的配置比app的配置好json全局配置要简单得多，只需设置app json中窗口配置项的内容，即在app中小程序初始页面（主页）的样式是在json中配置的。然而，每个单独的页面都需要自己的样式信息，这些信息需要在pageName json中显示。这些页面中的配置项将覆盖json窗口中的app同一配置项。

例如：logs Json实际上配置了日志页面。

pageName。Json只能设置与窗口相关的配置项来确定此页面的窗口性能，因此无需编写窗口键，例如：

页面名称.json

WXML模板：一开始，您使用html编写页面脚本。现在您需要编写wxml来开发微信小程序。事实上，它们非常相似，具有相同的标签和属性。但仍有许多不同。

例如：标记名。在wxml中，我们使用视图、按钮和文本等标记。此外，微信团队还打包了许多组件，包括地图、视频和音频。除了标记名，表达式还有一些属性：wx:if和{}表达式。

为了防止JS直接控制DOM，JS只需要管理状态，然后通过模板语法描述状态和接口结构之间的关系。小程序框架也使用了这个想法。如果您需要在界面上显示Hello World的字符串。WXML表示：

数据绑定

通过｛｛｝｝的语法将变量绑定到接口称为数据绑定。仅数据绑定不足以完全描述状态和接口之间的关系。它还需要控制功能，如if/else和for。在小程序中，这些控制功能由以wx:开头的属性表示。可以参考更详细的文件。

WXSS（WeiXin样式表）：一组用于描述组件的样式语言