從0到1：微信小程序自選股項目回憶錄

導語：我很喜歡小龍的一句話，微信因你而變。是的，把事情作到極致的時候，這個世界就會因你而變。

小程序自選股項目團隊在長達五個月的時間裏經歷了太多鮮爲人知的故事， 不知通宵了多少個夜晚，只爲等待小龍宣佈1.9號小程序正式發佈的到來。說實話小龍若是再不公佈發佈時間，咱們真的要扛不住了。

第一次都給了你

第一次籤保密協議的項目。。。
第一次沒有明確deadline的項目。。。
第一次被微信開放平臺開發二組團隊（小程序項目團隊）當小白鼠各類實驗新特性。。

爲何是自選股

不要問我爲何。。。我也不知道爲啥是自選股。。。多是由於咱們的業務太垂直。。。也多是領導以爲咱們前端組太閒了正好有這麼個機會出去鍛鍊一下？鬼才知道。。。反正領導給的任務老孃我必定會認真對待，不給領導、團隊丟面子，保證漂亮完成任務！

===========廣告時間不要走開，稍後的講故事內容更精彩==========

================================================

講故事時間

經歷一：web+框架能提供的能力極其有限，沒有生命週期管理，沒有繪圖能力，沒有框架約束，並且開發者工具在當時項目啓動大會的演示上也報各類bug，太尷尬了。。。
產品翩翩妹子, 前端我，後臺凱爺三人小分隊祕密來到廣州TIT，五天的內測時間，咱們要完成自選服務（添加/刪除/搜索）+基礎行情+行情圖（分時圖）+個股新聞功能。計劃老是想的很美好，前三天咱們熟悉開發環境和語法，聯調wx.login的鑑權接口（根本調不通啊！）， 沒有登陸態咱們怎麼繼續進行啊！ 後來因爲項目的嚴重delay，後臺開發凱爺也加入前端代碼編寫的工做。一個PHP開發，在歷來沒有經歷過異步回調的開發經驗狀況下，一個晚上的通宵時間把promise機制研究的透透的，我感到無比的佩服！

你們可能會問，你做爲前端開發幹什麼去了？

我。。。MD，微信小程序開發工具連個基本異常報錯都沒有，各類詭異的問題層出不窮，我當時搭的前端框架都是利用ES五、ES6來編寫的， 他們的平臺當時不支持高級語法（babel以後也不行）， 後來仍是被妥協了，我當時殺了他們的想法都有。。。

這還不算什麼，最鬱悶的是web+當時沒有繪圖能力！！！！！好吧，公關他們五天內實現繪圖能力是當下最要緊的事情，多是由於咱們的誠意與態度感染到他們，8.4號下午負責繪圖功能的一名小鮮肉亞軒軒弟經過RTX聯繫上了我，激情的一晚上就今後發生了！
軒弟給了我一個簡單地tutorial，我按照他們的最初方案進行分時圖代碼兼容（自選股有一套自主研發的前端繪圖模塊，因此若是咱們沒有這些業務沉澱，也不會有信心用很短的時間作完）

不知不覺天已經亮了， 終於咱們在手機上看到了粗糙的分時圖 （內牛滿面啊！）

8.5號我和軒弟又一塊兒優化初版的小程序繪圖基礎底層庫。（截圖爲證）

繪圖基礎底層代碼片斷

最先期的繪圖語法demo

（回到北京以後，我把繪圖功能交接給了學姐dawningdou同窗，以後關於canvas語法的改造、手勢的支持、各類異常狀況都是學姐與微信團隊一塊兒商定溝通出來的，但願有時間咱們在專門寫一篇關於小程序繪圖血淚史）

咱們磕磕絆絆的在五天時間裏完成了全部預期開發計劃（真心不容易啊）。
最後一天微信開平團隊作了回訪，很誠懇的聽取了咱們這一週來對於web+框架的抱怨與不爽，並承諾會在一到兩週的時間更新開發框架與工具。

經歷二：30多個小時的連續奮戰，只爲被證實咱們是最佳合做團隊。
回到北京，咱們申請了銀科大廈的封閉會議室（1912），同時加入了新的小夥伴仁元、學姐、郝曉六人小分隊。

接下來的任務就是趕在8.17號接受微信harveyzhou老闆的初審，因此咱們要在僅有的10天時間裏完成全市場行情，行情圖支持分時、五日、k線，優化性能等工做。就在咱們按照原計劃進行時，8.16號微信忽然更新了web+框架，全部內測團隊的代碼都不能run起來，語法更新之巨大讓咱們欲哭無淚，有種被坑爹的趕腳，當時真的很想罵街。。。（可是他們兌現的支持生命週期，APP全局對象，Page對象等框架風格基本肯定。尼瑪就算更新也等到給老大看完再更新嘛！）。隨後調整心態，小夥伴們仍是抓緊時間快速進行新版本的框架兼容，這裏贊一下仁元兄的執行能力，快速學習最新框架並移植到現有業務模塊中。

當天晚上，nomore同窗自發的拉了個羣，爲了能讓自選股run起來，他們也一塊兒陪咱們熬夜加班。（感動！）

通過30多個小時的連續奮戰，咱們終於交出了完美可運行的版本（據說是惟一一個能run起來的小程序）。小夥伴們終於累趴下了！

經歷三：據說咱們被小龍點讚了，並且成了微信小程序救世主。。。（由於咱們也沒有親耳所聞，親眼所見）

最緊張的時刻是在9.1號，由於web+項目能不能繼續開展下去，就看那天給小龍演示完整DEMO的狀況。

兩週的時間咱們調整開發節奏列出了開發優先級，優化交互細節，解決掉了200多個bug。（以下圖）

爲了達到更好的體驗，咱們決定再一次挑戰本身，主動要求微信在web+框架側支持動畫能力，而且讓他們能支持動畫隊列的能力。（感謝link同窗的支持！）

多是由於咱們是惟一一個支持動畫的demo，而且功能的完整性和體驗達到微信開平團隊的承認因此纔有了接下來的一幕。。。（以下圖）

有了近兩個月的努力， 咱們換來的是微信開平團隊的讚揚與尊重。更重要的是咱們不只在微信平臺上完成一個自選股應用，並且咱們承擔的責任更大。

9.5號咱們獲得了使人振奮人心的消息， 自選股成爲了微信與蘋果談判惟一示例演示。

經歷四：微信小程序官方公開培訓課邀請自選股團隊分享案例

hulk老師在小程序框架分享和小程序開發分享中大量使用自選股做爲案例分析，很是感謝！

我表明自選股小分隊把小程序開發經驗分享給開發者，包括數據實時性、緩存設計、canvas繪圖、多層嵌套問題等。（團隊牛纔是真的牛，我只是發言人）

寫到最後：

有不少人問我，爲何這支自選股小分隊看起來更有激情與更強的執行力？

我想說的是咱們有共同的目標，We are 伐木累！