# 前言 《微信小程序開發-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游戲開發之旅》鐘迪龍前輩寫的，里面丁小若吐槽笨木頭以：調皮、無厘頭、嘮叨方式打造一本有趣的書籍，說實話，買過無數書而這本書也是我唯一從頭看完的一本，非常喜歡這種愉悅的學習風格，所以筆者也嘗試著這種風格，也是向前輩學習。