前言

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

语言与文件

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

• 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、虽然小程序使用的是前端语言
  ，，
  ，但不代表可以继续沿用的开发头脑举行开发。
  。小程序对前端开发的要求从【构建界面】升级成【开发完整应用】
  ，，
  ，前端开发需要在意识上举行转变。
  。