第一个小程序。

一连又鸽了好多天，说来也是惭愧。

所以趁着周末空闲，更新一波，码一些字。

最近在研究小程序，也做出了一款来。

于是乎小F的第一个小程序(Hello-World版)诞生了。

可以扫描下面的小程序码进行体验～

毕竟不是科班出身的，所以很多东西还得补。

什么html、css真的是一窍不通...

只能硬着头皮啃教程，啃书。

熬着熬着就有了第一版的小程序。

当然，接下来还会接着去完善的。

下面简单说说，我是如何实现的，也算是一个小小的教程。

首先需要通过邮箱注册账号，进而获取微信小程序的AppID。

这个网上也有教程，还是比较简单的。

接下来就是下载小程序的开发工具，在里面可以进行开发测试。

新建项目、编写代码、编译预览、然后上传代码，便大功告成。

下面简述一下我的小程序构成。

app.json是对整个小程序的全局配置，这里我就设置了一个导航页，此外对一些窗口的属性进行配置。

具体的参数含义可以从小程序的开发文档中得知。

index.js是页面的脚本文件，在这个文件中可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

此处小F使用它来计算剩余的时间。

index.wxml则是页面的结构文件，类似html，个人理解就是网页的内容。

index.wxss则是页面的样式表，类似css，就是网页的布局。

有了这些东西，再经过上传审核，我们就能实现出一个简单的小程序。

最后奉上几个小程序的教程。

微信小程序官方文档

https://developers.weixin.qq.com/miniprogram/dev/(复制到浏览器打开)

w3cshcool的微信小程序开发教程手册文档

https://www.w3cschool.cn/weixinapp/9wou1q8j.html(复制到浏览器打开)

DevOpenClub的微信小程序开发视频教程

http://devopen.club/course/wxminiapp(复制到浏览器打开)

嗯，上一次的挑战赛，这会也说一下结果，把书给大伙送出。

都怪佛系的小F，鸽了这么长时间，惭愧。

提交作品的人不多，也就5、6个左右，所以就不评比了，直接给结果。

三本书就送给@黄伟、@廿七、@Gyou这三位小伙伴。

当然还得展示一下他们的作品，这里就挑其中的一个来看。

内容源于@Gyou，经由小F修改~