本文适合微信小程序初级开发者读者。

通过正式的微信演示，您可以清楚地了解微信小程序的可用UI空间并打开实际的界面，这将帮助您在微信小程序的生产和设计中充分利用它们，同时避免使用开发坑。

微信正式文件

获取官方开发工具

获取官方演示代码

开始学习演示

分析一个简单的MVC想法

|--image/(存放资源)|--page/(MVC存放) |--page1/ |--page1.wxml(视图) |--page1.wxss(样式) |--page1.js(逻辑) |--page1.json(配置)|--util/(工具及扩展文件)|--app.js(入口文件)|--app.json(小程序配置)|--app.wxss(全局样式)

app.json的总体配置是页面加载，窗口，导航栏和标签栏的统一样式，可以在每个子页面中对其进行自定义。

各种组件

在演示中，已经介绍了所有基本组件，您可以看到每个组件的调用方法和样式。从给出的基本样式来看，这是一个将应用程序设计作为设计模式的组件。如果您具有本机或React-Native开发经验，那么您应该能够快速适应和理解它。

每个组件都有自己的代码，因此您无需浏览文档，只需在演示中查找它即可。

各种界面