实战：详解猫眼电影小程序开发过程

感谢作者辉仔的授权，如需转载，请与作者联系。
作者：辉仔，Android开发工程师，目前主要涉及移动端APP的开发，Github地址：https://github.com/hundredays。
责编：陈秋歌，关注微信开发等领域，寻求报道或者投稿请发邮件至chenqg#youkuaiyun.com。
欢迎加入“优快云微信开发”群，与作者及更多专家、技术同行进行热点、难点技术交流。请加群主微信「Rachel_qg」,申请入群，务必注明「姓名+公司+职位」。

前言

我本来是安安静静地写着Android的，只想一心一意做我的本行，没想到某龙偏偏想搞事情——在2017年的1月9号推出了微信小程序，而且“小程序”这三个字又勾起了本人的兴趣，所以，只好暂时“移情别恋”了。

正文

废话不多说，先上效果图。

效果图

本Demo完成共耗费近两周，也是在空余时间去写的，因为涉及到新知识JS、HTML和CSS3，所以也是边学习边写，代码编写上有什么不当处，还需小伙伴在评论处指明，帮助本人更上一层楼！

（注：本文章已默认各位小伙伴已经熟悉微信小程序的目录结构以及每个文件所代表的的含义和小程序API的使用，所以文中不会详细说明，结尾会直接给出完整代码）

猫眼电影API：点击此处

一、目录结构