小程序开发的代码组成

上次我学习了一些与小程序界面相关的设计技巧和原则。我今天花了一些时间来了解一些微信小程序的代码组成。

1.JSON配置。

有一个app。json和一个项目。配置。json位于项目的根目录中。此外，还有一个日志。json在pages/logs目录中。

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

通常，在使用工具时，每个人都会根据自己的喜好进行一些个性化配置，例如界面颜色、编译配置等。考虑到这一点，小程序开发工具将生成一个project.config。json，在该工具上进行的任何配置都将写入该文件。当工具重新安装或计算机更改为工作时，只要加载了同一项目的代码包，开发人员工具将自动帮助您恢复开发项目时的个性化配置，包括编辑器颜色上传代码时自动压缩等一系列选项。

页json实际上用于表示与小程序页面（如日志）相关的配置。json在pages/logs目录中。页json允许开发人员独立定义每个页面的一些属性，例如顶部颜色、是否允许下拉刷新等等。

2.WXML模板。

网页编程采用HTML+CSS+JS的组合。HTML用于描述当前页面的结构，CSS用于描述页面的外观，JS通常用于处理页面和用户之间的交互。小程序中也扮演着同样的角色，WXML扮演着类似于HTML的角色。

3.WXSS样式。

WXSS具有CSS的大部分功能，小程序也在WXSS中进行了扩展和修改。

在编写CSS样式时，开发人员需要考虑到移动设备的屏幕具有不同的宽度和设备像素比，并使用一些技术来转换一些像素单位。WXSS在底层支持一个新的维度单位rpx。开发者可以避免转换的麻烦，只要他们把它交给小程序底层进行转换；提供全局和局部样式。作为一种全球风格，app。wxss将影响当前applet的所有页面。本地页面样式，页面。wxss仅对当前页面有效。

4.JS交互逻辑。

服务仅显示界面是不够的。它还需要与用户交互：响应用户的点击，获取用户的位置等。在小程序中，我们通过编写JS脚本文件来处理用户操作。此外，您还可以在JS中调用小程序提供的丰富API，并使用这些API轻松调用微信提供的功能，如获取用户信息、本地存储、微信支付等。

通过了解小程序开发中涉及的文档类型和各种文档的功能，了解开发步骤和流程更有帮助。