WXML的写法是这样的：

{{msg}}

JS只需要管理状态：

this.setData({ msg: "Hello World" })

通过{{ }}语法将变量绑定到界面称为数据绑定。

JS只需要管理状态，WXML调用模板。

if/else，for等控制能力，在小程序中，这些控制能力都是使用以wx:开头的属性来表达的。

详细参考：WXML

WXSS 风格

该小程序具备CSS的大部分功能，同时还对WXSS做了一些扩展和修改。

1.增加了新的尺寸单位rpx，开发者不用再担心换算问题。

2.提供全局样式和本地样式。概念和前面的app.json、page.json一样。可以写一个app.wxss作为全局样式，会作用于当前小程序所有页面。本地页面样式page.wxss只对当前页面有效。

3.另外，WXSS仅支持部分CSS选择器

详细参考：WXSS

JS逻辑交互

用于与用户交互：响应用户点击、获取用户位置等。

一个服务仅仅展示界面是不够的，它还需要与用户进行交互：响应用户的点击，获取用户的位置等。在小程序中，我们通过编写JS脚本文件来处理用户操作。

{{ msg }} 点击我

当按钮被点击的时候，我们希望在界面上显示msg为“ ”，因此我们在其上声明一个属性：并在JS文件中声明一个方法来响应这次点击操作：

Page({ clickMe: function() { this.setData({ msg: "Hello World" }) } })

响应用户操作就是这么简单。有关更详细的事件，请参考文档 WXML - 事件

你也可以在JS中调用小程序提供的丰富的API，这些API可以很方便的调用微信提供的能力，比如获取用户信息、本地存储、微信支付等。在前面的例子中，//.js调用了wx.获取微信用户的头像和昵称，最终将获取到的信息展示在界面上。更多API请参考文档小程序API。