昨晚听了犀牛鸟白大神和焦大神的视频讲座，闲来无事，希望以后不要断断续续的学小程序，而是静下心来好好学习。我发现焦大神总结的三点很好：1.多看书；2.总结写学习笔记；3.有个好的导师很重要；前两条我相信大家都能做到，第三条就看缘分了。

我一直在关注追风少年分享的个人博客应用，我也想自己写一个博客应用，他也无私的分享了他的代码：；我给他留了言，我不应该因为解读他的源代码而被投诉吧？希望得到他的理解和支持！

我的目的很简单，希望学习自己感兴趣的小程序源码，快速提升自己的技能。

下载源代码后，我们开始吧。

天哪，小程序端有21个页面，看到这些就感觉不知所措；

我们先来看一下这个：

四个关键页面是：/home/home、//、//、/me/me；

让我们从 /home/home 开始：

这里使用了view/-view/组件，然后引用了-list-组件；

引用方法在json中引入：

OK，我们来结合小程序界面研究一下page/home/home里的代码：

我们来看两个接口，第一个是笔者的，第二个是我们下载代码之后的（我觉得是因为拿不到数据，所以接口不一样，只是框架而已）：

这个首页，从上往下看，比较简单，顶部有一个轮播，轮播下方是作者发表的博文标题，还有发表时间、评论、浏览量、点赞数等信息。

我们先来看一下这个轮播的代码：

-dots "{{}}" (是否显示面板指示点，变量)--"#" (当前选中的指示点颜色：蓝色) "true" (采用关节滑动) "{{}}" (自动切换，变量) "{{}}" (自动切换时间间隔：变量) "{{}} (滑动动画时长：变量);

组件循环变量：;-item:item.url; 这个组件有 7 个变量。我们进入 home.js 看看这些变量：

有四个变量，它们的值都是固定的。我们来关注一下数组类型，通过搜索，我们发现它出现了两次。另一个是：

我们看一下这个函数的关键代码：db.('').("_id", 'asc').get({

：（分辨率）{

// res.data 包含记录的数据

.log（res.数据）

.({

:res.数据

}）

}，

检查使用文档：

根据文档，我对这段代码的理解是：通过云开发，调用数据库，名称为“”的图片，排序后的文件名字段为_id，排序顺序为：asc？asc的意思是字母越大，排序越高？

让我们看一下这个函数从哪里开始执行：

饿了先吃饭，下午再慢慢分析，如果理解错了还请指正，不要批评我♪(･ω･)ﾉ