# 前言

《微信小程序开发-B站》是以bilibili移动端网站为基础开发微信小程序版本，笔者喜欢的学习是愉快、轻松并能学到实战的东西，不知各位观友有没有一样的经历，就是一有问题不是先去Google/百度，而是先问自己好友里面懂这方面的儿。所以本系列教程会以幽默、问答、吐槽的方式描绘调皮**叶小安娜**跟着闷骚**杰尔夫君**学微信小程序的故事。

# 人物介绍

> 人物头像来自堆糖用户：洛河骨，觉得挺合适就用上了，感谢，感谢~

是不是热得跟狗一样就是热狗了，汪汪汪~，11月了深圳的天气还是热成狗。*（小安娜：啊喂，旺财过来啃骨头~）*。

## 杰尔夫君

也就是笔者在本系列文章中的化身了。  
**性格：**内敛，专注，呆傻；**职责：**伪老师角色，负责教微信小程序开发；**标签：**`学习能力强`、`体力劳动懒惰`、`肚子局部胖的比较快`、`3点熬夜猫`

![杰尔夫君](http://ctt.jieerf.com/wp-content/uploads/2016/11/jieefjun.jpg)

## 叶小安娜

笔者生活中很好的朋友，生活中经常吐槽我的各种，觉得挺有趣所有顺便让她参与给大家带来快乐吧。  
**性格：**时温柔时大大咧咧、幽默、无理取闹但爱学习；**职责：**真学生角色，与我一起学习微信小程序开发，专门吐槽我的各种；**标签：**`萌妹子`、`女汉子`、`购物选择困难症，其实是全都想买`

![叶小安娜](http://ctt.jieerf.com/wp-content/uploads/2016/11/yexiaoanna.jpg)

*（小安娜：那谁你再说，我忍你很久了，人家可是温柔的萌妹子，还有你是3点熬夜单身汪吧）*

# 本系列教程说明

## 适合以下人群阅读

- 懂一点点HTML、CSS、JavaScript（如不会先看CTT的HTML5系列教程）
- 自己动手编写过代码
- 喜欢微信小程序，想了解怎么开发微信小程序

## 不适合以下人群阅读

- 不打算动手编写代码，只是想看看
- 没有任何Web大前端的知识
- 微信小程序有什么用，抱着怀疑的态度
- 不喜欢CTT团队*（小安娜：哈哈，那我是不是可以不用学了）*

## 阅读本系列教程将收获

- 深入了解微信小程序开发模式
- 可以自己开发微信小程序
- 可直接使用的B站主题示例源码

## 微信小程序是什么

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。*（小安娜：这回答？？？跟我问你宝马是什么，你说是个好车有分别？我想知道具体的）*

简单说，它实现了网页文件可以有原生态App一样的功能和体验。比如说：一些酷炫的页面与转场，一些可以直接和手机硬件交互的功能（录音、美颜自拍、拍视频、扫描二维码、微信支付、调用手机的重力感应，GPS...等），在之前的网页开发中是不可能做到的，微信小程序可创造的空间太大了。

## 小程序跟我没啥关系

互联网是一个颠覆性行业、创新型的行业。所以那些赚钱的企业往往是冲在前面的，对生态进化有着敏锐嗅觉的人。不要做一个跟随者。跟随战略在互联网行业是行不通的。跟随只会做抬轿子的人，只会造福和繁荣平台，对你企业不利。

为什么别人开淘宝店赚钱，你开就不赚钱？因为你来晚了。为什么别人入驻天猫赚钱你不赚钱，因为你来晚了。为什么别人开发APP现在成了大师，你现在才开始逼着学，因为你晚了。为什么别人微信公众平台关注粉丝几十万，你折腾半年不到2万人，因为你来晚了。所以，如果你在将自己企业转型成互联网+传统服务，不要忽略 生态的再次升级。也不要等到你身边所有的人都在开发“小程序”的时候，你再跟在后面去开发。我的建议是先了解起来。知道他是个什么东西。不要忽视他。不要等着逼着学的时候。

*（小安娜：哎哟喂，亮瞎我双眼，你说这段话度娘多久了）*

## 开发工具与资源

- 开发工具介绍和下载：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html
- 注册流程：https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html
- 设计规范：https://mp.weixin.qq.com/debug/wxadoc/design/index.html
- 开发框架：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html
- 开发组件：https://mp.weixin.qq.com/debug/wxadoc/dev/component/
- 开发API：https://mp.weixin.qq.com/debug/wxadoc/dev/api/
- 问题交流：QQ群：301926812（非官方）

*（小安娜：我发现了，所有网址都是一个网站，你是为了凑内容吧）*

# 小安娜有问题

## 有了小程序，是不是可以不安装App了？

**杰尔夫君：**并不能代替App，应该是说在为App生态做减法，为微信用户提供一个类似APP模式的账号一样，不主动推出骚扰用户，用户需要的时候在去找这个应用号。一些不常用但是需要的时候必须有的可以做成小程序，例如：新闻咨询、娱乐八卦、职业学习、求职招聘、美食外卖...等。*（小安娜：明白了，反正就是低配iPhone足够用啦，装13和实用兼备）*

# 微信小程序-B站源码地址

- Github：https://github.com/jieerf/weapp-jief-bilibili
- git.oschina：http://git.oschina.net/cttjieerf/weapp-jief-bilibili

# 本系列教程可以在以下平台阅读

- CTT博客：http://ctt.jieerf.com/
- CSDN：http://blog.csdn.net/u011743345
- cnblogs：http://www.cnblogs.com/itbaixue/
- 看云：http://www.kancloud.cn/book/itbaixue/weapp-bilibili/
- 简书：http://www.jianshu.com/users/e9cd51ec89d8/

---

# 关于这种写作风格

笔者在2014年时买过《Cocos2d-x游戏开发之旅》这本书，钟迪龙前辈写的，里面丁小若吐槽笨木头以：调皮、无厘头、唠叨方式打造一本有趣的书籍，说实话，买过无数书而这本书也是我唯一从头看完的一本，非常喜欢这种愉悦的学习风格，所以笔者也尝试着这种风格，也是向前辈学习。