我很喜歡小龍的一句話,微信因你而變。是的,把事情做到極致的時(shí)候,這個(gè)世界就會(huì)因你而變。
小程序自選股項(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)容更精彩==========

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

經(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è)趯iT(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 伐木累!
