Web开发到微信小程序

闲来无事，突然想写一个小程序，于是好好的周五的晚上写了一晚上代码，从完全不知道什么情况（我的JavaScript水平很差的），到愣是写好了一个已经发布了的小程序。所以这里只是想分享一下一个Web开发人员半吊子前端水平如何写出一个小程序。

准备条件

• 微信开发者工具，去官网下载
• 微信小程序账号注册一个，https://mp.weixin.qq.com/
• ES6，这个我觉得Java程序员应该都是依样画葫芦写出来
• JavaScript，不一定要精通，至少要会写吧
• 官方的微信小程序demo，https://github.com/xwartz/wechat-app-demo
• 官方文档一份，https://developers.weixin.qq.com/miniprogram/dev/index.html

小程序和Web开发的相似点

其实小程序和Web开发还是有很多相似之处的，只要知道这些，开发起来也会容易很多。当然开始开始先简单阅读下官方文档的get start。

视图层

WXML

这个后缀的文件其实就和JSP或者其他模板一样，里面有些微信自己封装的标签和属性，参照官方文档写就行了。