微信小程序开发前需要了解的三件事

前言

微信的父亲张小龙在年初的演讲中说：“我是一名多年的程序员，我认为我们应该为开发团队做点什么。”几个月后，微信正式推出了微信申请号（即微信小程序），这掀起了互联网上另一波热情。因此，许多人将开发微信的小程序。如果你真的想开发小程序，你必须首先学习一组微信特殊的“开发语言”。要开始使用此开发语言，您必须了解以下三个方面：

语言和文件

微信小程序与其他平台开发之间的最大区别在于微信使用的开发语言和文件非常“个性化”。 小程序使用的程序文件类型大致分为以下几种类型：

WXML（WeiXin Mark Language，微信标记语言）WXSS（WeiXin Style Sheet，微信样式表）JS（JavaScript，小游戏的主体）

在语言方面，下一步程序似乎重新定义了一套标准。但实际上，它们与“前三片”（HTML，CSS和JavaScript）没有太大区别。快来看看微信小程序开发语言和“前三件”之间的异同。

界面构造

1.基本逻辑

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

WXML的最大特点是界面元素在视图（View）中连接，信息更新通过程序逻辑（AppService）实时传递到视图层。

视图类似于HTML中的div元素。在构造时，View可以嵌套在多个级别中，任何可视元素都可以放在View中。

应该注意的是，一旦元素离开屏幕，用户就看不到它。这与HTML有很大不同。 小程序哟专用于滚动的视图。如果您希望界面是可自由滚动的界面（例如列表等），您可以使用滚动视图视图将其调整为WXSS中的整个屏幕并设置scroll-y（向上和向下滚动）或scroll-x（左右滚动））为真，

注意，小程序中不能直接使用DOM控制WXML元素。如果需要进行数据更新，就要使用WXML提供的数据绑定及元素渲染方法，还有一点，小程序的栅格排版系统使用的是Flex布局，它是W3C在2009年提出的一种排版标准。

2，绑定数据

对于单个字段，开发人员可以使用数据绑定方法进行信息更新。绑定数据可以在JS主程序中以函数的形式更新，除了在加载时更新，并且更新还可以反映在界面上的绑定数据中。

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

条件渲染对于具有意外提示的页面非常有用（例如，当您无法加载列表或详细信息，发出提示等）时。它的渲染带有触发条件在满足条件时呈现页面，否则忽略或呈现其他代码。两个花括号中包含的判断条件中的变量在主程序JS代码中的数据中声明。组装相同的元素呈现代码。循环数据可以写入数组中的数据以进行WXML访问。渲染完成后，渲染判断条件的变化会影响界面变化。

4，模板和参考文献

WXML支持使用模板和引用来减少代码大小。模板是在WXML代码中复用相同代码的方法。可以使用import将多个模板写入同一文件并在其他文件中引用。如果需要整个页面引用，则需要使用include。

5，风格

使用WXSS样式表，开发人员可以在WXML中定义元素样式。与CSS代码一样，WXSS可以直接使用选择器选择元素。在WXML中，您还可以直接定义元素的id和类，以便在WXSS文件中定义样式。

6，用户操作和事件响应

由于微信不使用HTML，因此无法通过添加超链接（元素）来检测用户的单击事件。对于需要侦听单击事件的元素，您应该在WXML中使用bindtap属性或catchtap属性进行绑定。除了单击一次，微信还提供事件响应，如按下，开始触摸和放开。在WXML中绑定事件后，它可以在主程序中使用。其他API中也有相应的事件，愿意在微信小程序的官方文档中查阅。当你需要在小程序的页面之间跳转时，你应该使用wx.navigateTo()方法。注意，有关于页面层级跳转，微信将层级跳转限制在5层。在开发时一定注意不要超过了相应限制。

网络请求方法

网络访问小程序支持三种请求方式：HTTP连接、WebSocket、文件收发连接。

HTTP连接：请求后直接返回结果，连接结束；Socket连接：持续性连接，当一方主动关闭连接时，连接结束；文件收发连接：顾名思义，发生在文件传输时的连接。（录制的语音和选择的照片都需要这个连接完成）。

请注意，通过小程序访问网络要求服务器支持HTTPS连接，端口必须为443.同时，小程序只能访问开发人员在注册小程序时设置的服务器地址。

开发语言和“前端三件套”的异同点

HTML与WXML：两者之间的差异相对较大。如果您之前没有接触过Android开发，您可能会感到头疼。实际上，WXML更像是Android开发中的接口XML描述文件，适合于程序界面的构建; HTML往往会显示文章（这与HTML的历史有关），以及互联网页面的构建。WXSS与CSS：两者之间的语言几乎没有差异，可以直接使用。JS文件：小程序的JX文件几乎与前端开发使用的JS相同，只是小程序的JX添加了微信的一些API接口并删除了一些不必要的函数（如DOM）。

在眼中，小程序与最低学习前端的开发完全一致，但这并不意味着所有开发人员都可以无缝迁移。如果您从前端开发转移到小程序，您应该注意以下两点：

1、HTML与WXML两种文件的构建思想差异较大，如果之前只接触过前端开发，需要一点时间才能适应WXML的编写方法。2、虽然小程序使用的是前端语言，但不代表可以继续沿用的开发思想进行开发。小程序对前端开发的要求从【构建界面】升级成【开发完整应用】，前端开发需要在意识上进行转变。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。