前言

微信之父张小龙在年头的那次演讲中曾体现：“我自己是许多年的程序员，，，，，，我以为我们应该为开发的团队做一些事情”。。。几个月后，，，，，，微信正式推出微信应用号（即微信小程序），，，，，，在互联网中掀起了又一波热潮。。。 
于是，，，，，，许多人准备要开发微信的小程序，，，，，，若是你真的想要开发小程序，，，，，，就要先学会一套微信特制的“开发语言”。。。为了更好地上手这门开发语言，，，，，，下面这三件事你一定要知道：

语言与文件

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

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

在语言方面，，，，，，下程序看似重新界说了一套标准。。。但现实上，，，，，，他们与“前端三件套”（HTML、CSS和JavaScript）差不太多。。。来来来，，，，，，看一下微信小程序开发语言和“前端三件套”的异同点。。。 

界面搭建

1、基本逻辑

WXML和WXSS两种文件是小程序界面元素声明及样式形貌文件。。。

WXML最大的特点是以视图（View）的方式串联界面元素，，，，，，并通过程序逻辑（AppService）将信息更新实时转达至视图层。。。

View类似于HTML中的div元素，，，，，，在构建的时间，，，，，，View可以被多级嵌套，，，，，，View内可以放置恣意视觉元素。。。

需要注重的是，，，，，，元素一旦凌驾屏幕之外，，，，，，用户就无法看到了，，，，，，这是与HTML哟较大的差别。。。小程序哟专门用于转动的视图。。。若是希望界面是一个可以自由转动的界面（例如列表等），，，，，，可以使用scroll-view视图，，，，，，在WXSS中将其巨细调解为整个屏幕，，，，，，并设置scroll-y（上下转动）或scroll-x（左右转动）为true，，，，，，

注重，，，，，，小程序中不可直接使用DOM控制WXML元素。。。若是需要举行数据更新，，，，，，就要使用WXML提供的数据绑定及元素渲染要领，，，，，，尚有一点，，，，，，小程序的栅格排版系统使用的是Flex结构，，，，，，它是W3C在2009年提出的一种排版标准。。。

2、绑定命据

关于单个字段，，，，，，开发者可以使用数据绑定的要领举行信息更新。。。绑定的数据除了在加载的时间可以更新，，，，，，也可以在JS主程序中以函数形式举行更新，，，，，，更新同样可以反映到界面上被绑定的数据中。。。

3、条件渲染与列表（循环）渲染

条件渲染适用于有意外情形提醒的页面（如无法加载列表或详情时，，，，，，做出提醒等等）。。。它的渲染带有触发条件，，，，，，即切合条件时渲染这个页面，，，，，，否则忽略或渲染另一端代码。。。两个花括号所包括的判断条件中的变量于主程序JS代码中的data中声明。。。将统一元素渲染代码举行荟萃。。。循环的数据可以通过数组的方式写入data中供WXML会见。。。渲染完毕后，，，，，，渲染判断条件的变换可以影响界面变换。。。

4、模板与引用

WXML支持使用模板与引用镌汰代码体积。。。模板是在WXML代码中对相同的代码举行复用的方式。。？？？？梢越喔瞿０逍慈胫镣骋桓鑫募，，，，，，并使用import在其他文件中举行引用。。。若是需要整个页面引用，，，，，，需要使用include。。。

5、样式

通过WXSS样式表，，，，，，开发者可以界说WXML中的元素样式。。。WXSS与CSS代码一样，，，，，，可以直接使用选择器选择元素，，，，，，在WXML中也可以直接界说元素的id和class以便于在WXSS文件中举行样式界说。。。

6、用户操作与事务响应

由于微信使用的不是HTML，，，，，，以是也不可通过添加超链接（a元素）的方式来检测用户的点击事务。。。关于需要监听点击事务的元素，，，，，，应该在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文件：小程序的JS文件与前端开发使用的JS险些没有区别，，，，，，只是小程序的JS新增了微信的一些API接口，，，，，，并去除了一些不须要的功效（如DOM）。。。

在有眼上，，，，，，小程序完全向学习本钱最低的前端开发看齐，，，，，，但这不代表所有开发者都能无缝迁徙。。。若是你是以前端开发转向小程序，，，，，，就要注重这两点：

• 1、HTML与WXML两种文件的构建头脑差别较大，，，，，，若是之前只接触过前端开发，，，，，，需要一点时间才华顺应WXML的编写要领。。。
• 2、虽然小程序使用的是前端语言，，，，，，但不代表可以继续沿用的开发头脑举行开发。。。小程序对前端开发的要求从【构建界面】升级成【开发完整应用】，，，，，，前端开发需要在意识上举行转变。。。