微信小程序开发框架的组成

小程序的开发框架由四部分组成： WXML、WXSS、WXS、JavaScript

一、WXML

WXML是框架设计的一套标签语言，结合组件、WXS和事件系统，可以构建出页面的结构。
Attention：WXML标签严格要求闭合，区分大小写。
WXML数据绑定使用Mustache语法，动态数据用双括号包裹起来：

	{{message}}

属性：id、class、style、hidden、data-、bind/catch

模板引用的两种方式：

• import： 只能引用所定义模板文件里的模板内容块。
  
• include： 把目标文件内除了模版代码块外的所有代码引入
  

二、WXSS

WXSS是一套样式语言，用于描述WXML的组件样式。

• rpx：响应式像素，微信团队规定屏幕宽度为750rpx
• @import ' ' ：外联引入WXSS
• 选择器： id、class、element、::before、::after

三、JS

NodeJS中的JavaScript：ECMAScript、Native、NPM
浏览器中的JavaScript：ECMAScript、DOM（浏览器的文档对象模型）、BOM（浏览器的对象模型）
小程序中的JavaScript：ECMAScript、小程序框架、小程序API

四、WXS

除了在逻辑层使用的JavaScript脚本语言外，小程序有自己的脚本语言WXS

• WXS可以用标签书写，也可以用文件的形式书写但文件命名后缀是**.wxs**，在WXS模块内所定义的变量和函数默认是私有的。
• 模块导出和引用wxs文件用exports和require。
• 数据类型中的date和regexp用get生成。
• 基础类库：类似于ES5，WXS的基础类库有：Number、Date、Global、console、Math、JSON