柯晓楠

组件化开发并不是小程序所特有的，一些其他编程语言中都有组件化的概念，准确来讲，只有视图层的展示，就必定要用到组件化。组件是视图层的最基本组成单元，组件中包含了一些基础功能和基础样式，一个组件就类似于一个自定义的标签。小程序框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发，那么微信小程序提供的基础组件肯定是要完成小程序开发的基础功能与微信风格保持一致的样式。视图容器组件主要用于控制页面的内容，与HTML中的标签功能类似，可以把小程序的容器组件理解为一个盒子容器，可以将其他组件填充在

小程序的开发框架被称为MINA框架，其框架结构如图1所示。图1 MINA框架结构通过上面的框架结构图，我们可以看到小程序的MINA框架有三个部分组成，首先是View视图层，其次是App Service逻辑层和Native系统层。小程序中所有的页面都在View视图层中，每个页面由WXML文件和WXSS文件来搭建页面视图的结构和展现样式。App Service逻辑层是由App Service线程来加载、运行的，其生命周期常驻内存。

WXS是微信小程序的一套脚本语言，其特性包括：模块、变量、注释、运算符、语句、数据类型、基础类库等。在本章我们主要介绍WXS语言的特性与基本用法，以及 WXS 与 JavaScript 之间的不同之处。

WXSS是基于CSS拓展的样式语言，主要用于描述WXML的组件样式，决定WXML的组件该怎么显示。WXSS具有CSS大部分特性，但是又在CSS的基础上做了很大的改进，例如WXSS扩展了尺寸单位、样式导入等新特性。目前，官方文档还没有给出WXSS详细的说明，到底具备CSS的哪些特性，这也导致在项目开发中不能随意的使用CSS属性。对于iOS和Android真机调试时，还是要注意兼容的问题，例如尺寸单位的兼容问题。

WXML（全称 WeiXin Markup Language）是小程序框架设计的一套标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。WXML的作用是用于小程序页面的布局，其用法与HTML相似，都是使用标签来声明一个页面元素，标签上也可以使用属性。但是与HTML不同，小程序中的WXML标签必须有闭合。简单来说，就是一段完整的WXML语句，是由一个开始标签和一个结束标签组成的，语法如例1所示。

对于有过服务端开发的程序员来说，肯定对“约定优于配置”并不陌生，这是一种按约定编程的软件设计范式，目的在于减少软件开发者做决定的数量。而微信小程序正好与这种软件设计范式的理念相反，小程序是一种“配置优于约定”的软件设计范式，处于对安全性的考虑，开发者必须在相应的配置文件中对小程序部分界面和功能进行配置，例如窗口的导航栏设计、底部tabBar设计等。本章主要对微信小程序的全局、页面等配置文件做详细的讲解，通过学习配置文件的配置项，可以掌握更多的小程序功能设计。

在实际的项目开发中，小程序的内置组件不一定能满足所有的需求，为了实现更高效的代码复用，小程序还允许开发者自行扩充组件，这些由开发者自行设计的组件被称为自定义组件。在小程序中，每个组件都具有独立的逻辑空间，分别拥有自己的独立数据和setData方法调用。在使用自定义组件的小程序页面中，Exparser框架将接管所有的自定义组件注册和实例化。小程序的基础库中提供了Page和Component两个构造器，自定义组件使用的是Component构造器。

小程序的开发不同于其他的前端项目开发，小程序是需要依赖于某个应用作为宿主环境，所以开发小程序需要在官方指定的开发工具中完成。为了让开发者更加简单高效地开发和调试微信小程序，微信官方推出了全新的微信开发者工具，在这套IDE（全称 Integrated Development Environment，集成开发环境）集成了公众号网页和小程序两种开发模式。开发者可以通过微信开发者工具完成小程序的 API 和页面的开发调试、代码查看、代码编辑、小程序预览和发布等功能。

微信小程序（英文名称是 Mini Program）简称小程序，是一种基于微信的轻量级应用程序，是一个全新的概念。微信创始人张小龙曾这样介绍小程序：小程序是一种不需要下载、安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用，这也体现了“用完即走”的理念。小程序是一种全新的开放能力，开发者可以快速地开发一个小程序并且在微信内被便捷地获取和传播，同时具有出色的使用体验。用户不需要关心手机应用占用太多存储空间的问题以及应用安全问题。