前言

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

人物介绍

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

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

杰尔夫君

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

叶小安娜

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

（小安娜：那谁你再说，我忍你很久了，人家可是温柔的萌妹子，还有你是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

关于这种写作风格

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