💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 前言 《微信小程序开发-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](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游戏开发之旅》钟迪龙前辈写的,里面丁小若吐槽笨木头以:调皮、无厘头、唠叨方式打造一本有趣的书籍,说实话,买过无数书而这本书也是我唯一从头看完的一本,非常喜欢这种愉悦的学习风格,所以笔者也尝试着这种风格,也是向前辈学习。