摘要：
我的第一个微信小程序终于出炉了，搞了快两个星期，坑真多啊！！！接下来我将会量产一些坑，一来是方便自己日后查坑，二来是给更多的新人提供案例，避免掉坑中......

最近接手了一个类似商城类型的微信小程序，踩了不少坑，造了不少轮子。比如：弹窗加购、左滑删除订单、单选全选、侧导航、左右滑动分类导航、canvas实现自定义分享图片等等，后面会在文章中一一介绍。在完成此项目的过程中，艺灵我在网上也搜索了很多相关问题，大多文章本身就是个坑，有些问题是硬捞着网上大神解决，然后发个红包。所以本系列随笔会根据此次的项目来写，整体下来，新手应该能学到一些东西，至少有些坑就没必要再踩了。

一、吐槽注册之坑

微信小程序注册地址：mp.weixin.qq.com/wxopen/waregister?action=step1&token=&lang=zh_CN，邮箱下面有一行小字提示着：“作为登录帐号，请填写未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱”。看到没有，你说都是自家的产品，还分那么多号干嘛。这样一来，我要想注册小程序，手里至少要4个qq号，然后qq的注册量又增加了，这招真是高啊！

注册、企业资质等流程问题就不说了，没有企业资质的就找别人借，艺灵我啥都没有全靠借！

二、准备工作

接下来说下准备工作。一台电脑、微信开发者工具(下载地址：developers.weixin.qq.com/miniprogram/dev/devtools/download.html )、两个手机，一个安卓，一个苹果。买不起苹果的可以跟我一样，上淘宝上买个二手的，800多左右的样子。我手上的这个6s就是，还挺新的。

其实上面吧啦了一堆，全在官方的文档里。详细地址： developers.weixin.qq.com/miniprogram/dev/

现在万事俱备，只差单子了！没单子不要紧，我们可以先把官方的文档写一遍啊！(其实我还真没全部写一遍^_^)

三、开始码代码了

打开编辑器后不要再写div、H标签、p、img等标签了，因为你现在用的微信开发者工具，要遵守别人的规则！链接来一个： developers.weixin.qq.com/miniprogram/dev/component/view.html

不知道怎么写就乱写好了，看着文档写。反正又写不坏，只是没有什么效率。想要真正有效果，那做项目是最直接的了！因为项目会让你踩很多坑，这也是涨经验最快的途径！下面，艺灵就给看官们提供一张本项目的首页设计稿，方便还没有接触过微信小程序的看官们练手。首页图稿：微信小程序练习项目-首页直接右键另存为就可以下载下来了。

第一篇就这样，下一篇开始就真是：一入坑中深似海，从此加班是常事了。

转载声明：
　　若亲想转载本文到其它平台，请务必保留本文出处！
本文链接：/xwzj/2018-11-17/weixin-miniprogram.html

若亲不想直保留地址，含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载，随便修改，但请尊重艺灵的劳动成果！谢谢理解。