WXML模板：充当类似HTML 角色，区别是标签不一致（view、button、text等）、渲染和逻辑分离，多了一些 wx:if 这样的属性以及 {{ }} 这样的表达式。
WXSS 样式：充当类似CSS 角色，仅支持部分CSS选择器，新增尺寸单位rpx，全局样式app.wxss作用于小程序所有页面，局部页面样式page.wxss仅对当前页面生效。
JS 交互逻辑：处理用户操作，例如响应用户的点击、获取用户的位置等。
【例】在页面中点击声明bindtap属性的button，调用JS中声明的clickMe方法来响应这次点击操作，实现把页面中的msg显示为"Hello World"。
测试页面test.js：
//test.js const util = require('../../utils/util.js') Page({ clickMe: function() { this.setData({ msg: "Hello World" }) } })
测试页面test.wxml：
<!--test.wxml--> <view>{{ msg }}</view> <button bindtap="clickMe">点击我</button>
附：微信web开发者工具不能打开的问题解决方法
今天新装的微信开发者工具，安装完成以后就是打不开，点解没有反应，win10 64的系统，各种百度，最后找到解决的方案
把这些都关闭了就OK了！！！