小程序自選股項(xiàng)目團(tuán)隊(duì)在長(zhǎng)達(dá)五個(gè)月的時(shí)間里經(jīng)歷了太多不為人知的故事， 不知通宵了多少個(gè)夜晚，只為等待小龍宣布1.9號(hào)小程序正式發(fā)布的到來(lái)。說(shuō)實(shí)話小龍如果再不公布發(fā)布時(shí)間，我們真的要扛不住了。

第一次都給了你

第一次簽保密協(xié)議的項(xiàng)目。。。
第一次沒(méi)有明確deadline的項(xiàng)目。。。
第一次被微信開(kāi)放平臺(tái)開(kāi)發(fā)二組團(tuán)隊(duì)（小程序項(xiàng)目團(tuán)隊(duì)）當(dāng)小白鼠各種實(shí)驗(yàn)新特性。。

為什么是自選股

不要問(wèn)我為什么。。。我也不知道為啥是自選股。。?？赡苁且?yàn)槲覀兊臉I(yè)務(wù)太垂直。。。也可能是領(lǐng)導(dǎo)覺(jué)得我們前端組太閑了正好有這么個(gè)機(jī)會(huì)出去鍛煉一下？鬼才知道。。。反正領(lǐng)導(dǎo)給的任務(wù)老娘我一定會(huì)認(rèn)真對(duì)待，不給領(lǐng)導(dǎo)、團(tuán)隊(duì)丟面子，保證漂亮完成任務(wù)！

===========廣告時(shí)間不要走開(kāi)，稍后的講故事內(nèi)容更精彩==========

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

講故事時(shí)間

經(jīng)歷一：web+框架能提供的能力極其有限，沒(méi)有生命周期管理，沒(méi)有繪圖能力，沒(méi)有框架約束，而且開(kāi)發(fā)者工具在當(dāng)時(shí)項(xiàng)目啟動(dòng)大會(huì)的演示上也報(bào)各種bug，太尷尬了。。。
產(chǎn)品翩翩妹子, 前端我，后臺(tái)凱爺三人小分隊(duì)秘密來(lái)到廣州TIT，五天的內(nèi)測(cè)時(shí)間，我們要完成自選服務(wù)（添加/刪除/搜索）+基礎(chǔ)行情+行情圖（分時(shí)圖）+個(gè)股新聞功能。計(jì)劃總是想的很美好，前三天我們熟悉開(kāi)發(fā)環(huán)境和語(yǔ)法，聯(lián)調(diào)wx.login的鑒權(quán)接口（根本調(diào)不通?。。?沒(méi)有登錄態(tài)我們?cè)趺蠢^續(xù)進(jìn)行啊！ 后來(lái)由于項(xiàng)目的嚴(yán)重delay，后臺(tái)開(kāi)發(fā)凱爺也加入前端代碼編寫(xiě)的工作。一個(gè)PHP開(kāi)發(fā)，在從來(lái)沒(méi)有經(jīng)歷過(guò)異步回調(diào)的開(kāi)發(fā)經(jīng)驗(yàn)情況下，一個(gè)晚上的通宵時(shí)間把promise機(jī)制研究的透透的，我感到無(wú)比的佩服！

大家可能會(huì)問(wèn)，你作為前端開(kāi)發(fā)干什么去了？

我。。。MD，微信小程序開(kāi)發(fā)工具連個(gè)基本異常報(bào)錯(cuò)都沒(méi)有，各種詭異的問(wèn)題層出不窮，我當(dāng)時(shí)搭的前端框架都是利用ES5、ES6來(lái)編寫(xiě)的， 他們的平臺(tái)當(dāng)時(shí)不支持高級(jí)語(yǔ)法（babel之后也不行）， 后來(lái)還是被妥協(xié)了，我當(dāng)時(shí)殺了他們的想法都有。。。

這還不算什么，最郁悶的是web+當(dāng)時(shí)沒(méi)有繪圖能力！?。。?！好吧，公關(guān)他們五天內(nèi)實(shí)現(xiàn)繪圖能力是當(dāng)下最要緊的事情，可能是因?yàn)槲覀兊恼\(chéng)意與態(tài)度感染到他們，8.4號(hào)下午負(fù)責(zé)繪圖功能的一名小鮮肉亞軒軒弟通過(guò)RTX聯(lián)系上了我，激情的一夜就從此發(fā)生了！
軒弟給了我一個(gè)簡(jiǎn)單地tutorial，我按照他們的最初方案進(jìn)行分時(shí)圖代碼兼容（自選股有一套自主研發(fā)的前端繪圖模塊，所以如果我們沒(méi)有這些業(yè)務(wù)沉淀，也不會(huì)有信心用很短的時(shí)間做完）

不知不覺(jué)天已經(jīng)亮了， 終于我們?cè)谑謾C(jī)上看到了粗糙的分時(shí)圖 （內(nèi)牛滿面?。。?/p>

8.5號(hào)我和軒弟又一起優(yōu)化第一版的小程序繪圖基礎(chǔ)底層庫(kù)。（截圖為證）

繪圖基礎(chǔ)底層代碼片段

最早期的繪圖語(yǔ)法demo

（回到北京之后，我把繪圖功能交接給了學(xué)姐dawningdou同學(xué)，之后關(guān)于canvas語(yǔ)法的改造、手勢(shì)的支持、各種異常情況都是學(xué)姐與微信團(tuán)隊(duì)一起商定溝通出來(lái)的，希望有時(shí)間我們?cè)趯ｉT(mén)寫(xiě)一篇關(guān)于小程序繪圖血淚史）

我們磕磕絆絆的在五天時(shí)間里完成了所有預(yù)期開(kāi)發(fā)計(jì)劃（真心不容易?。?。最后一天微信開(kāi)平團(tuán)隊(duì)做了回訪，很誠(chéng)懇的聽(tīng)取了我們這一周來(lái)對(duì)于web+框架的抱怨與不爽，并承諾會(huì)在一到兩周的時(shí)間更新開(kāi)發(fā)框架與工具。

經(jīng)歷二：30多個(gè)小時(shí)的連續(xù)奮戰(zhàn)，只為被證明我們是最佳合作團(tuán)隊(duì)。 
回到北京，我們申請(qǐng)了銀科大廈的封閉會(huì)議室（1912），同時(shí)加入了新的小伙伴仁元、學(xué)姐、郝曉六人小分隊(duì)。

接下來(lái)的任務(wù)就是趕在8.17號(hào)接受微信harveyzhou老板的初審，所以我們要在僅有的10天時(shí)間里完成全市場(chǎng)行情，行情圖支持分時(shí)、五日、k線，優(yōu)化性能等工作。就在我們按照原計(jì)劃進(jìn)行時(shí)，8.16號(hào)微信突然更新了web+框架，所有內(nèi)測(cè)團(tuán)隊(duì)的代碼都不能run起來(lái)，語(yǔ)法更新之巨大讓我們欲哭無(wú)淚，有種被坑爹的趕腳，當(dāng)時(shí)真的很想罵街。。。（但是他們兌現(xiàn)的支持生命周期，APP全局對(duì)象，Page對(duì)象等框架風(fēng)格基本確定。尼瑪就算更新也等到給老大看完再更新嘛！）。隨后調(diào)整心態(tài)，小伙伴們還是抓緊時(shí)間快速進(jìn)行新版本的框架兼容，這里贊一下仁元兄的執(zhí)行能力，快速學(xué)習(xí)最新框架并移植到現(xiàn)有業(yè)務(wù)模塊中。

當(dāng)天晚上，nomore同學(xué)自發(fā)的拉了個(gè)群，為了能讓自選股run起來(lái)，他們也一起陪我們熬夜加班。（感動(dòng)?。?/p>

經(jīng)過(guò)30多個(gè)小時(shí)的連續(xù)奮戰(zhàn)，我們終于交出了完美可運(yùn)行的版本（聽(tīng)說(shuō)是唯一一個(gè)能run起來(lái)的小程序）。小伙伴們終于累趴下了！

經(jīng)歷三：聽(tīng)說(shuō)我們被小龍點(diǎn)贊了，而且成了微信小程序救世主。。。（因?yàn)槲覀円矝](méi)有親耳所聞，親眼所見(jiàn)）

最緊張的時(shí)刻是在9.1號(hào)，因?yàn)閣eb+項(xiàng)目能不能繼續(xù)開(kāi)展下去，就看那天給小龍演示完整DEMO的情況。

兩周的時(shí)間我們調(diào)整開(kāi)發(fā)節(jié)奏列出了開(kāi)發(fā)優(yōu)先級(jí)，優(yōu)化交互細(xì)節(jié)，解決掉了200多個(gè)bug。（如下圖）

為了達(dá)到更好的體驗(yàn)，我們決定再一次挑戰(zhàn)自己，主動(dòng)要求微信在web+框架側(cè)支持動(dòng)畫(huà)能力，并且讓他們能支持動(dòng)畫(huà)隊(duì)列的能力。（感謝link同學(xué)的支持?。?/p>

可能是因?yàn)槲覀兪俏ㄒ灰粋€(gè)支持動(dòng)畫(huà)的demo，并且功能的完整性和體驗(yàn)達(dá)到微信開(kāi)平團(tuán)隊(duì)的認(rèn)可所以才有了接下來(lái)的一幕。。。（如下圖）

有了近兩個(gè)月的努力， 我們換來(lái)的是微信開(kāi)平團(tuán)隊(duì)的贊賞與尊重。更重要的是我們不僅在微信平臺(tái)上完成一個(gè)自選股應(yīng)用，而且我們承擔(dān)的責(zé)任更大。

9.5號(hào)我們得到了令人振奮人心的消息， 自選股成為了微信與蘋(píng)果談判唯一示例演示。

經(jīng)歷四：微信小程序官方公開(kāi)培訓(xùn)課邀請(qǐng)自選股團(tuán)隊(duì)分享案例

hulk老師在小程序框架分享和小程序開(kāi)發(fā)分享中大量使用自選股作為案例分析，非常感謝！

我代表自選股小分隊(duì)把小程序開(kāi)發(fā)經(jīng)驗(yàn)分享給開(kāi)發(fā)者，包括數(shù)據(jù)實(shí)時(shí)性、緩存設(shè)計(jì)、canvas繪圖、多層嵌套問(wèn)題等。（團(tuán)隊(duì)牛才是真的牛，我只是發(fā)言人）

寫(xiě)到最后：

有很多人問(wèn)我，為什么這支自選股小分隊(duì)看起來(lái)更有激情與更強(qiáng)的執(zhí)行力？

我想說(shuō)的是我們有共同的目標(biāo)，We are 伐木累！