WXSS是CSS的小程序版本，具有CSS的大多数功能。 小程序还对WXSS进行了一些扩展和修改。

3JS交互式逻辑

仅显示界面是不够的。它还需要与用户互动：响应用户的点击，获取用户的位置，等等。在小程序中，我们通过编写JS脚本文件来处理用户操作。

{{msg}}点击我

单击按钮时，我们希望在界面上将味精显示为Hello World，因此我们在按钮上声明一个属性：bindtap，并在JS文件中声明clickMe方法以响应此单击操作：

页面（{

clickMe：function（）{this.setData（{msg：Hello World}）

}

}）

此外，您还可以在JS中调用小程序提供的丰富API。使用这些API，您可以轻松调用微信提供的功能，例如获取本地存储空间，用户信息和微信付款。

4JSON配置

我们可以看到在项目的根目录中有一个app.json和project.config.json，在pages / logs目录中也有一个logs.json。让我们依次解释它们的目的。

小程序配置app.json

app.json是当前小程序的全局配置，包括小程序的所有页面路径，界面性能，网络超时时间，底部选项卡等。快速入门中的app.json配置内容项目如下：

{页数：[页面/索引/索引，页面/日志/日志

]，窗口：{backgroundTextStyle：light，navigationBarBackgroundColor：＃fff，navigationBarTitleText：微信，navigationBarTextStyle：黑色

}

}

此配置的每个项目的含义如下：

pages字段-用于描述当前小程序所有页面的路径，这是为了让微信客户端知道您的小程序页面当前在哪个目录中。

窗口字段-小程序所有页面的顶部背景色。文字颜色在此处定义。

工具配置project.config.json

通常，在使用工具时，您将根据自己的喜好进行一些个性化配置，例如界面颜色，编译配置等，当您更改为另一台计算机以重新安装该工具时，则必须重新配置。

考虑到这一点，小程序开发人员工具将在每个项目的根目录中生成一个project.config.json。您在工具上进行的任何配置都将写入此文件。当您重新安装该工具时，或者当您使计算机工作时，只需加载同一项目的代码包，开发人员工具将在您开发该项目时自动将您还原到个性化配置，包括上载代码时，编辑器颜色和自动压缩。等待一系列选项。

页面配置page.json

此处的page.json实际上用于指示pages / logs目录中的logs.json以及与小程序页面相关的配置。

如果整个小程序样式为蓝色，则可以在app.json中声明顶部颜色为蓝色。实际情况可能并非如此，小程序中的每个页面可能具有不同的颜色来区分不同的功能模块，因此我们提供page.json，以便开发人员可以独立定义每个页面的某些属性，例如刚刚提到的颜色，是否允许下拉刷新等。

HiShop 小程序工具提供了多种类型的商城/商店小程序生产，可视化编辑和5个步骤，可在一秒钟内上线。通过拖动并拼接模块布局小程序商城页面，您所看到的就是所得到的，并且仅用艺术品即可制作出精美的商城。