微信使用的开发语言和文档是“特殊的”。

小程序使用的程序文件类型大致分为以下几种：

（1）WXML（Mark，微信标记语言）。

（2）WXSS（，微信样式表）。

（3）JS（Java，小程序的主体）。

在语言方面，小程序似乎重新定义了一套标准。但实际上，它们与“前端三人组”（HTML、CSS 和 Java）不太一样。

相关学习推荐：小程序开发教程

下面，我们来对比一下小程序开发语言和“前端三件套”的异同：

HTML 与 WXML：两者是完全不同的，如果你以前没有接触过开发，你可能会觉得它有点头疼。实际上，WXML更像是一个正在开发的接口XML描述文件，它适用于构建程序接口;另一方面，HTML 倾向于支持文章的呈现（这与 HTML 的历史有关），以及 页面的构建。

WXSS vs. CSS：两种语言之间几乎没有区别，它们可以作为通用的东西使用。

JS文件：小程序的JS文件与用于前端开发的JS几乎没有区别，只是小程序的JS在微信中增加了一些API接口，去掉了一些不必要的功能（比如DOM）。

在语言上，小程序完全可以和前端开发相提并论，学习成本最低，但这并不意味着所有的前端开发者都可以无缝迁移。

如果你从前端开发转向小程序，需要注意以下两点：

HTML 和 WXML 文件是用不同的想法构建的，如果你以前只接触过前端开发，那么习惯 WXML 的编写方式需要一点时间。

小程序虽然使用前端语言，但并不意味着可以继续按照前端的开发思路进行开发。小程序前端开发的需求已经从“构建接口”升级为“开发完整的应用程序”，前端开发需要意识转变。

界面构建

1. 基本逻辑

WXML和WXSS文件是小程序接口元素声明和样式描述文件。

WXML最重要的特性是它以视图的形式连接接口元素，并通过程序逻辑（）将信息更新实时传递到视图层。

该视图类似于 HTML 中的 p 元素。构建时，视图可以嵌套在多个级别中，并且可以将任何视觉元素放置在视图中。

需要注意的是，一旦元素离开屏幕，用户就无法看到它，这与 HTML 有很大不同。

例如，我们把手机屏幕想象成一个舞台，观众看不到舞台外的演员。

小程序有专门用于滚动的视图。

如果您希望界面是一个可以自由滚动的界面（例如列表等），您可以使用 -view 视图，在 WXSS 中将其大小调整为整个屏幕，并将 -y（上下滚动）或 -x（左右滚动）设置为 true。

不能使用 DOM 直接在小程序中控制 WXML 元素。如果需要更新数据，则需要使用 WXML 提供的数据绑定和元素呈现方法。

另外需要注意的是，小程序的网格布局系统使用了 Flex 布局，这是 W3C 在 2009 年提出的排版标准。

2. 绑定数据

对于单个字段，开发人员可以使用数据绑定方法更新信息。

除了绑定的数据可以在加载时进行更新外，还可以在JS主程序中以函数的形式进行更新，更新也可以反映在接口上的绑定数据中。

3. 条件渲染和列表（循环）渲染

条件呈现对于具有意外提示（例如，无法加载列表或详细信息时的提示等）的页面非常有用。

它的呈现有一个触发条件，当满足条件时，它会呈现页面，否则它会忽略或呈现另一段代码。

两个大括号包含判断条件中的变量，这些变量在主程序 JS 代码的数据中声明。

如果需要在接口中构建列表，可以在 WXML 中使用循环呈现来组合相同的元素呈现代码。循环数据可以作为数组写入数据以供 WXML 访问。

渲染完成后，渲染判断条件的变化会影响界面的变化。

4. 模板和参考资料

WXML 支持使用模板和引用来减少代码量。

模板是一种在 WXML 代码中重用相同代码的方法。

您可以将多个模板写入同一文件，并用于在其他文件中引用它们。

如果需要引用整个页面，则需要使用 .

5. 风格

WXSS 样式表允许开发人员定义 WXML 中元素的样式。

WXSS 与 CSS 代码一样，允许您直接使用选择器选择元素。也可以直接在 WXML 中定义元素的 id 和 id，以便在 WXSS 文件中轻松设置样式。

6. 用户操作和事件响应

由于微信不使用 HTML，因此无法通过添加超链接（元素）来监控用户点击事件。

对于需要侦听单击事件的元素，应在 WXML 中使用属性或属性绑定它们。

除了一键点击，微信还提供按住、开始触摸、松开等事件响应。

在WXML中绑定事件后，可以在主程序JS中使用它。

其他 API 中还有其他对应事件，可以在微信小程序的官方文档中找到。

当你需要在小程序的页面之间跳转时，你应该使用 wx。（） 方式。

需要注意的是，关于页面级别的跳转，微信将级别跳转限制为五层。在开发时，需要注意是否超出了相应的限制。

网络访问

小程序支持三种请求方式。