# 前言 《微信小程序开发-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](https://github.com/jieerf/weapp-jief-bilibili) - git.oschina：[http://git.oschina.net/cttjieerf/weapp-jief-bilibili](http://git.oschina.net/cttjieerf/weapp-jief-bilibili) --- # 关于这种写作风格 笔者在2014年时买过《Cocos2d-x游戏开发之旅》钟迪龙前辈写的，里面丁小若吐槽笨木头以：调皮、无厘头、唠叨方式打造一本有趣的书籍，说实话，买过无数书而这本书也是我唯一从头看完的一本，非常喜欢这种愉悦的学习风格，所以笔者也尝试着这种风格，也是向前辈学习。