SEO优化 微信小程序开发教程-从零开始（1）

　　微信小程序暂时处于内测期间，公司大的版本刚好上线了，闲来无事，看看微信小程序的文档，顺便学习学习，在此希望和大家一起共勉，发现自己越来越懒惰了，越活越没上进心了，有点危险，给自己敲下警钟吧。废话不多说，开始记录下这些天学习到的一些知识，希望对正在阅读的你有所帮助！

　　本文为iOS开发者Bison自学微信小程序所写，所以很多东西都和iOS进行了一下对比。

　　一般市面上的app都已tabbar展示的方式为主，今天我就仿原生的IT Blog下面让我们看下IT blog长什么样吧！

　　WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序，我们对 CSS 进行了扩充以及修改。

　　文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。相当于iOS开发中的AppDelegate

　　根据上面的目录结构的解释不难看出，我们的tabbar是写在哪的，没错就是app.json，下面让我们看下代码

　　上图框出来的地方就是我们的tabbar，tabbar里面可以传一个数组list，想显示多少个tab就到这里加就行，当然个数是有限制的最多5个，一个的话就没必要了。这点和iOS开发里面颇为相似。

　　iconPath为默认图片路径，selectedIconPath为点击时的图片路径，text的话我想不说大家也已经猜到了，对，没错就是图片下面显示的title了。

　　由我们的效果图可以看出，iOS开发中我们的布局主要用的是tabview，而在微信小程序中类似tabviewCell的布局又是怎么写的呢？下面我们先写贴下代码再做下解说。

　　WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。

　　我的理解这个相当于iOS开发中的cell，cell有了的话， 那就只缺少一个数据源了，下面我们暂时做一个本地的数据源。

　　其中的newList为我们的数据源,数组里面包含多个字典，字典里面有我们所需要的5个字段。

　　cell 和数据源都有了，那就只差一个显示了， 显示在微信小程序当中用的是列表渲染

　　在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。

　　默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item

　　下面我们来看看这个列表渲染是怎么做的,首先切换到index.wxml中，代码如下。

　　到此微信小程序的列表功能已经做完了，当然我们看到的布局都是很乱的，下一篇我们将优化UI让他和我们的效果图一样。

　　为了方便大家了解并入门微信小程序，我将一些可能会需要的知识，列在这里，让大家方便的从零开始学习； 首先感谢几位给予...

　　开发前必读简要 基于大量无效开发，无法上线的案例，所以开发前部分知识十分重要； 链接 微信小程序个人注册简单步骤...

　　微信应用号（小程序，「应用号」的新称呼）终于来了！目前还处于内测阶段，微信只邀请了部分企业参与封测。 序言开始开发...

　　前言 微信之父张小龙在年初的那次演讲中曾表示：“我自己是很多年的程序员，我觉得我们应该为开发的团队做一些事情”。SEO优化，几...

　　更新一下：最近忙着考试，今天才看到关于《11处特工皇妃》这本小说抄袭的事情，真的是一言难尽啊！怎么说呢，当年看这部...