如何打好前端游擊戰(zhàn)

一、前端游擊戰(zhàn)為哪般？

小鹿亂撞，心花怒放。終于有機(jī)會(huì)在夢(mèng)寐以求的團(tuán)隊(duì)博客的評(píng)論以外位置留下自己的痕跡啦，撒花撒花！淡定淡定，官博是嚴(yán)肅的地方，要是隨便侃大山侃小山，拙文估計(jì)會(huì)被“里德?tīng)枴笨吵稍瑠檴櫋?/p>

深吸一口氣，閑話(huà)少說(shuō)，放馬入題。

首先有必要先回答這個(gè)問(wèn)題：“何為前端游擊戰(zhàn)？”

所謂“前端游擊戰(zhàn)”是相對(duì)“前端常規(guī)戰(zhàn)”而言的。一般而言，一個(gè)前端會(huì)負(fù)責(zé)一個(gè)（也有多個(gè)項(xiàng)目）的開(kāi)發(fā)、上線(xiàn)以及后期維護(hù)，精雕細(xì)琢產(chǎn)品。所謂一個(gè)team, 一個(gè)團(tuán)隊(duì)，大致如此。比方說(shuō)Qzone的前端er, 至少在一個(gè)很長(zhǎng)的時(shí)期里面，都會(huì)泡在Qzone這個(gè)產(chǎn)品上，此為“常規(guī)戰(zhàn)”，我想大部分的小伙伴都是這樣子的，不只前端，設(shè)計(jì)師甚至后臺(tái)開(kāi)發(fā)也是如此。而“游擊戰(zhàn)”就大不一樣了，打一槍?zhuān)乓慌?，點(diǎn)到為止然后基本上就放手拜拜啦！“我擦”，你可能會(huì)驚訝，“還有這樣玩的，能做出高品質(zhì)的產(chǎn)品嗎？”

無(wú)數(shù)的偶然可以造就生命，自然各種因素相互碰撞也會(huì)造就不一樣的開(kāi)發(fā)模式。

騰訊社交用戶(hù)體驗(yàn)設(shè)計(jì)的小伙伴們遍布祖國(guó)大江南北，為億萬(wàn)網(wǎng)民設(shè)計(jì)優(yōu)質(zhì)體驗(yàn)、提升生活品質(zhì)。自然，上海這邊也有不少很Nice的小伙伴啦，都是國(guó)內(nèi)頂尖的用研、交互與視覺(jué)。稍等…這里怎么有個(gè)另類(lèi)——那個(gè)喝娃哈哈AD鈣奶的，沒(méi)錯(cuò)，就是你！古人云，相由心生，你這么黑，快說(shuō)，你到底是干嘛的！我……我是做前端重構(gòu)的……

劇情正如你看到的，我們上海設(shè)計(jì)中心現(xiàn)在有個(gè)獨(dú)苗前端。要知道，我們?cè)O(shè)計(jì)中心是個(gè)支持性部門(mén)，每個(gè)交互、視覺(jué)都在特定的產(chǎn)品線(xiàn)上。那這個(gè)獨(dú)苗前端該如何定位呢？我個(gè)人定位是這樣的：對(duì)內(nèi)輔助，對(duì)外橋梁。所謂“對(duì)內(nèi)輔助”包括原型、工具以及活躍氣氛；“對(duì)外橋梁”指對(duì)外精確包裝與傳達(dá)交互細(xì)節(jié)、設(shè)計(jì)思想等。

這種角色定位以及一些其他的機(jī)緣巧合就形成了有特有的游擊開(kāi)發(fā)策略。哦？略聞一二！

1. 我們?cè)O(shè)計(jì)中心就像個(gè)……中心，你可以想象成一個(gè)圓圓的小太陽(yáng)；
2. 這個(gè)小太陽(yáng)里面有很多人美心更美的小伙伴，這是小太陽(yáng)持續(xù)發(fā)熱的根源所在；
3. 然后小太陽(yáng)周?chē)泻芏嗟男乔騛, 星球b，就是實(shí)際上的我們所說(shuō)的項(xiàng)目a, 項(xiàng)目b, …；
4. 這些星球是最終作品產(chǎn)出的工廠(chǎng)。但是，要想產(chǎn)出好的作品，需要設(shè)計(jì)中心的支持。就像地球的繁榮離不開(kāi)太陽(yáng)的普照。于是，每個(gè)項(xiàng)目就會(huì)圈中設(shè)計(jì)中心的幾位小伙伴，協(xié)助開(kāi)發(fā)與產(chǎn)出；
5. 但是，畢竟不在一個(gè)球體上，思維方式也有差異，左腦主義 VS 右腦主義。信息從小太陽(yáng)傳到周?chē)乔蛏系臅r(shí)候有時(shí)候就會(huì)脫節(jié)，設(shè)計(jì)輸送的是玉米，結(jié)果最后工廠(chǎng)產(chǎn)出的是爆米花；
6. 所以，需要一個(gè)保證交互、視覺(jué)準(zhǔn)確輸出的角色，其任務(wù)很簡(jiǎn)單，作為前期的信息傳遞的橋梁。
7. 實(shí)踐表明，這樣的模式前后工作都更輕松了，產(chǎn)品也更保真。
8. 于是，后來(lái)的新項(xiàng)目，都希望這位小工在前期搭好橋梁，保證設(shè)計(jì)幾乎無(wú)損運(yùn)到后方。
9. 雖然小工活好耐勞效率高，但N頭并進(jìn)神仙也吃不消。
10. 于是，就開(kāi)始了游擊策略，打一槍?zhuān)乓慌冢徊晃搽S，不深入；貨到橋頭，各走各路。

從上面的進(jìn)程史可以看出，前端游擊戰(zhàn)是本著做出更精湛產(chǎn)品目的、同時(shí)受制于人力資源大效益權(quán)衡下的一種開(kāi)發(fā)合作模式?？瓷先ズ芎?jiǎn)單，很灑脫，實(shí)則恰恰相反。如果你真就很簡(jiǎn)單、很灑脫地按照自己的心情交付個(gè)看上去是那么回事，實(shí)則半吊子產(chǎn)出然后秋扇見(jiàn)捐，額，好吧，開(kāi)發(fā)要佛跳墻，項(xiàng)目經(jīng)理還會(huì)來(lái)騷擾你，這橋梁已然不是連接，而成了瓶頸，還不如當(dāng)初直接設(shè)計(jì)、開(kāi)發(fā)連線(xiàn)。所以，要想半途全身而退，還是有很多講究的地方，這里，我就將分享自己的一些前端游擊戰(zhàn)的經(jīng)驗(yàn)與心得，希望對(duì)這種合作方式有興趣的團(tuán)隊(duì)或個(gè)人提供一些幫助。

二、如何打好前端游擊戰(zhàn)？

1. 前期溝通很重要

前期溝通的重要性應(yīng)該沒(méi)有誰(shuí)不知道，所以一些喜聞樂(lè)見(jiàn)、耳熟能詳?shù)臏贤ㄒc(diǎn)就不贅述，說(shuō)個(gè)前端游擊很重要的一個(gè)溝通點(diǎn)——介入深度?！敖槿肷疃取敝匾匀缍d子頭上的虱子——顯而易見(jiàn)：你打游擊進(jìn)入敵方腹地太深，抽不出來(lái)被滅的命；入敵太淺，隔靴搔癢，又沒(méi)有任何效果，還要重來(lái)，費(fèi)時(shí)費(fèi)力。

然而，“介入深度”其實(shí)是個(gè)比較虛的概念。我自己心中的衡量是這樣的：

• 發(fā)揮口遁，提供一些實(shí)現(xiàn)建議以及選型方案，但不碼一行代碼，此乃10%介入。
• 快速成型，給老板、產(chǎn)品經(jīng)理或者開(kāi)發(fā)搶先過(guò)目體驗(yàn)的，CSS代碼什么的不能作為實(shí)際項(xiàng)目代碼使用的，為20%介入。
• 與設(shè)計(jì)圖一一匹配的HTML頁(yè)面，此乃30%介入。例如，一個(gè)單頁(yè)的制作工具，每個(gè)制作模塊的展開(kāi)狀態(tài)采用獨(dú)立的.html頁(yè)面表示，于是，最終交付的可能就是10~20個(gè)頁(yè)面；
• 包含純視覺(jué)層面交互的原型頁(yè)面，任何交互代碼都不會(huì)被開(kāi)發(fā)采用，純示意，此乃40%介入。此時(shí)，你可以用CSS3高級(jí)特性完成些效果，甚至jQuery UI走起，不要擔(dān)心你的代碼很懶，因?yàn)槎紩?huì)被無(wú)視；
• 與開(kāi)發(fā)公用解決方案，負(fù)責(zé)UX相關(guān)交互，JS代碼直接利用，會(huì)與開(kāi)發(fā)的JS合并并最終上線(xiàn)，此乃60%介入。此時(shí)，需要考慮規(guī)范、兼容性以及性能等等。
• 不僅負(fù)責(zé)純視覺(jué)交互，還使用偽數(shù)據(jù)模擬與后臺(tái)的通信的完整交互，但代碼依然本著純演示目的，此也是60%介入。例如，點(diǎn)擊個(gè)按鈕，ajax請(qǐng)求走起，按鈕狀態(tài)變化，菊花出現(xiàn)，成功后，載入內(nèi)容，并出現(xiàn)成功提示。
• CSS, UX JS, Server JS均需要最終上線(xiàn)，然數(shù)據(jù)是假的，此乃80%介入。
• 頁(yè)面、交互、開(kāi)發(fā)一把抓，從頭擼到尾，此乃100%介入。

凡事都需要經(jīng)驗(yàn)積累的，之前就存在介入深度把我不準(zhǔn)的問(wèn)題：
① 介入過(guò)深
去年做企業(yè)盤(pán)，自己參與的第一個(gè)比較大而完整的項(xiàng)目，自己有點(diǎn)high, 完全把自己當(dāng)其他部門(mén)的人使用了。做得很拼，原型頁(yè)面做得超級(jí)高保真，文件上傳，進(jìn)度條什么的都是真實(shí)的，介入程度70%左右。然而，這種介入過(guò)于深入且分界不明，因此，開(kāi)發(fā)在代碼剝離的時(shí)候花了一番功夫，這種刮骨療傷的感覺(jué)沒(méi)人會(huì)喜歡的！

② 介入過(guò)淺
今年手Q某項(xiàng)目，原型頁(yè)華麗麗地完成了，其中的交互效果，我是按照40%的深度介入的（效果代碼僅供參考）。然后，企業(yè)這邊移動(dòng)端經(jīng)驗(yàn)還不是很多，于是直接采用了我還不成熟的過(guò)場(chǎng)代碼（無(wú)Ajax處理），先不說(shuō)代碼風(fēng)格不一致，技術(shù)策略也不一樣，所以，從代碼層面講，并不美麗。總結(jié)下來(lái)，就是經(jīng)驗(yàn)不足，雖有分工等前期溝通，但技術(shù)介入深度這個(gè)細(xì)節(jié)并未細(xì)致探討，于是出現(xiàn)了連接不順暢的情況。如果重新做這個(gè)項(xiàng)目，就會(huì)60%介入，數(shù)據(jù)請(qǐng)求與視圖繪制就會(huì)與過(guò)場(chǎng)交互形成一個(gè)完整體系。合作就會(huì)順暢很多！

后來(lái)，就聰明了。和其他團(tuán)隊(duì)合作時(shí)候，會(huì)事先溝通好介入深度，說(shuō)白了就是：我是不是只負(fù)責(zé)出現(xiàn)演示？還是我?guī)湍銈儗?shí)現(xiàn)演示？前者屬于打槍?zhuān)笳邔儆诜排?。都屬于游擊?zhàn)范疇，后者嘛成本稍微高一點(diǎn)。一般情況下，我都是做到前者這一步，以便足夠精力身退參與其他部門(mén)的項(xiàng)目。

例如，最近要開(kāi)始的XXX項(xiàng)目，就約定好了，無(wú)論JS多么華麗，都無(wú)視，因?yàn)橹皇怯脕?lái)展示效果的花衣裳。像這樣，介入深度明確，才能準(zhǔn)確知道什么時(shí)候該撤，什么時(shí)候來(lái)補(bǔ)槍。

2. 不以物喜、不以己悲的胸襟

到處打游擊，說(shuō)穿了就是吃百家飯。然而，每家的飯菜的食材、口味都是不一樣的。如何才能在別人家吃得開(kāi)心？很簡(jiǎn)單，放棄自己特有的口味，嘗試接受別人家但你自己可能不喜歡的口味。這前端游擊戰(zhàn)也是如此。很多有經(jīng)驗(yàn)有資歷的開(kāi)發(fā)經(jīng)常會(huì)鄙視別人寫(xiě)的代碼，如果團(tuán)隊(duì)里有另外一個(gè)有經(jīng)驗(yàn)有資歷但世界觀(guān)不一樣的開(kāi)發(fā)，往往會(huì)為技術(shù)選項(xiàng)或者命名之類(lèi)的事情鬧得不開(kāi)心，我以前就遇到過(guò)一個(gè)開(kāi)發(fā)逼走另外一個(gè)開(kāi)發(fā)的情況。這種代碼潔癖的好主義者看上去有追求，當(dāng)然，自我感覺(jué)也是我這是有追求，優(yōu)越感油然而生，實(shí)際上，只是心胸狹隘的表現(xiàn)罷了！讓這樣的人去打游擊，感覺(jué)就像是讓關(guān)羽背后偷襲別人，然后撒腿就跑——不可想象，難于上青天！

所以，要想游擊打得好，寬廣胸襟少不了！具體該如何做呢？我總結(jié)了下面幾條供大家參考：

① 放棄自己的常用習(xí)慣
這里所說(shuō)的習(xí)慣很多啦。包括，命名、文件組織方式、代碼排版（縮進(jìn)），書(shū)寫(xiě)風(fēng)格，語(yǔ)言模式等等。尤其當(dāng)一個(gè)人在一個(gè)團(tuán)隊(duì)呆久了，固然會(huì)有很多的習(xí)慣，這其實(shí)挺好的，保持一致性，代碼迭代什么的前后風(fēng)格統(tǒng)一，更利于維護(hù)和協(xié)作。但是，如果你是搞游擊戰(zhàn)的，那這些習(xí)慣都是要棄之不顧的。為何？很簡(jiǎn)單，因?yàn)槊總€(gè)部門(mén)，每個(gè)團(tuán)隊(duì)的風(fēng)格、習(xí)慣都是不一樣的，你肯定不能按照自己的習(xí)慣來(lái)走，否則合作起來(lái)代碼不和諧，還容易出亂子。舉個(gè)例子：你的CSS命名都是下劃線(xiàn)開(kāi)始的，JS參與的類(lèi)名都是大小寫(xiě)組合的駝峰命名；但是，跟你游擊合作的團(tuán)隊(duì)規(guī)范是，CSS命名短連接符，JS類(lèi)名都是js_開(kāi)頭。這顯然問(wèn)題來(lái)了，你的HTML代碼還能用嗎？哪個(gè)用來(lái)顯示樣式、哪個(gè)腳本綁定傻傻分不清楚。

所以，合作動(dòng)手之前，先要把自己的那些各種習(xí)慣放在一邊，去看看跟你游擊的團(tuán)隊(duì)以前的文件名、變量、屬性名如何命名的、JS的習(xí)慣書(shū)寫(xiě)模式是什么的，等等。然后，按照這個(gè)團(tuán)隊(duì)的習(xí)慣來(lái)寫(xiě)代碼，哪怕這個(gè)習(xí)慣在你“專(zhuān)業(yè)”的眼光里是欠妥的。記住，重要的是團(tuán)隊(duì)合作！

拿我自己舉例，我之前CSS命名一直使用下劃線(xiàn)_，因?yàn)榭梢杂淇斓碾p擊選中（歷史原因）。來(lái)設(shè)計(jì)中心后發(fā)現(xiàn)，合作的項(xiàng)目都是短橫線(xiàn)-。你知道的，毅然舍棄了5~6年的命名習(xí)慣，“短命（短橫線(xiàn)命名）”走起，然后愉快地打游擊~(yú)~

② 丟棄自己的那點(diǎn)小資本
工作久了，總會(huì)積累些技術(shù)資本，比方說(shuō)組件達(dá)人，SASS好手，YUI忠實(shí)粉，CoffeeScript第二人。沒(méi)錯(cuò)，這些都是好東西，沒(méi)人會(huì)否認(rèn)的，很多人說(shuō)不定要靠這些升職加薪迎娶白富美呢！但是，親們哪，在打前端游擊戰(zhàn)的時(shí)候，這些東西呢，就不要放出來(lái)了！你可能會(huì)疑問(wèn)：“為什么不要啊，我覺(jué)得這些東西很好??！我用起來(lái)很順手！”問(wèn)題在于，你順手，跟你不是一個(gè)團(tuán)隊(duì)的其他小伙伴不順手哈！

游擊戰(zhàn)的精髓的是能「擊」更能「游」！你說(shuō)你使用CoffeeScript, 沒(méi)錯(cuò)，是能「擊」，對(duì)其他同事心理打擊確實(shí)很大，但是「游」不回去啦。無(wú)非兩種結(jié)果：“受”說(shuō)，哎呦，你這個(gè)好高大上，給我們幾個(gè)培訓(xùn)下嘛；“攻”說(shuō)，我們可沒(méi)精力專(zhuān)門(mén)找人維護(hù)你的**（屏蔽）代碼！無(wú)論哪種情況，都被套牢，脫不開(kāi)身！

所以，你自己那點(diǎn)引以為豪的資本都放在一邊。首先，使用合作團(tuán)隊(duì)的通常解決方案，是不是有自己的框架與組件庫(kù)；然后，如果沒(méi)有，你也應(yīng)該使用業(yè)界開(kāi)源、普遍認(rèn)可、富含文檔的解決方案。比方說(shuō)MVC方案，你牛，你有自己一套web開(kāi)發(fā)框架，上可風(fēng)卷殘?jiān)?，下可飛沙走石，抱歉，還是老老實(shí)實(shí)使用Backbone.js. 因?yàn)槟惚仨毨斡涍@一點(diǎn)：我這是在打游擊戰(zhàn)，其他部門(mén)也需要我，我要速度撤離，沒(méi)人會(huì)傻不拉幾跪舔一個(gè)人不在、文檔缺失、潛在風(fēng)險(xiǎn)不詳?shù)目蚣艿?！如果你在一個(gè)穩(wěn)定團(tuán)隊(duì)做一個(gè)穩(wěn)定項(xiàng)目，這么牛的東西那鐵定要上啊，績(jī)效考評(píng)什么的，就指望它了！

還是拿我舉例吧，OOCSS用的不亦樂(lè)乎，quicklayout獨(dú)步江湖，用之寫(xiě)頁(yè)面速度趕上高鐵，一切盡在彈指間。但是，我現(xiàn)在游擊的至少5~6個(gè)項(xiàng)目，沒(méi)有一個(gè)使用之，因?yàn)?，只有我和?duì)我關(guān)注的人對(duì)此熟悉。頁(yè)面交付后，一些微調(diào)的CSS維護(hù)工作我其實(shí)不參與的⑴，所以，如果CSS過(guò)于個(gè)性化，顯然是給自己挖坑。

③ 學(xué)會(huì)退而求其次
都聽(tīng)說(shuō)過(guò)，“做最好的自己，給最?lèi)?ài)的人”，確實(shí)，我們?cè)趫F(tuán)隊(duì)里做開(kāi)發(fā)時(shí)候，是應(yīng)該精益求精，精上加精。但是，有時(shí)候需要把好主義情懷放在一邊了，不必執(zhí)著于好的代碼。

首先明確一點(diǎn)，一個(gè)產(chǎn)品的最終質(zhì)量，給企業(yè)最終帶來(lái)的收益，與代碼是否好的相關(guān)系數(shù)其實(shí)很低。

有時(shí)候，跟隨合作團(tuán)隊(duì)的集成解決方案，最終生成或發(fā)布的代碼可能并不是好的狀態(tài)。比方說(shuō)，依賴(lài)Less, 計(jì)算數(shù)值N位小數(shù)，嵌套、函數(shù)濫用，導(dǎo)致最終CSS太多層級(jí)，可重復(fù)利用CSS只是編寫(xiě)時(shí)候重復(fù)利用，生成的CSS依然狗皮膏藥顯啰嗦?；蛘吣K依賴(lài)過(guò)于耦合，以至于一個(gè)很簡(jiǎn)單頁(yè)面，也要加載一堆CSS以及JS, 顯得較重等~

這些是問(wèn)題嗎？確實(shí)是！但是，千萬(wàn)不要用你狹隘的眼神去評(píng)判之，指責(zé)之，或者自己為是走自認(rèn)為最精簡(jiǎn)，代碼最好度方案——不成熟。多人協(xié)作、工程化等是個(gè)很復(fù)雜的事情，舍棄一點(diǎn)點(diǎn)好的代碼退而求其次，實(shí)際上是種大智。

作為一個(gè)游擊戰(zhàn)士，一定要有著眼大局，退而求其次的意識(shí)。如果你實(shí)在看不慣，你可以主動(dòng)請(qǐng)纓去該團(tuán)隊(duì)，幫助其解決方案進(jìn)一步完善。那你晉級(jí)考評(píng)什么的必定妥妥的！如果沒(méi)有這份心，就做好自己的工作，跟大部隊(duì)一起，擰成一股繩，把產(chǎn)品質(zhì)量、體驗(yàn)做好，這些才是更要關(guān)注的更高境界。

④ 樂(lè)于接受并學(xué)習(xí)新事物
不同部門(mén)，不同團(tuán)隊(duì)顯然其使用的一些技術(shù)選型都是不一樣的，有的可能是你一直不推崇的方式，此時(shí)怎么辦？

做技術(shù)的人，一定要有博大的胸懷，去接受各種不同思想、不同工具、不同的開(kāi)發(fā)模式。那種歧視用QQ郵箱，鄙棄黨員，鄙視陸琪的人其實(shí)是很幼稚與狹隘的。我雖不贊同，但我樂(lè)于接受。

尤其你想成為游擊開(kāi)發(fā)專(zhuān)家，自然這方面要更甚一籌。我年初有個(gè)項(xiàng)目，很有意思，使用Git協(xié)作開(kāi)發(fā)，頭一遭，好在我對(duì)Git沒(méi)啥特別的情感，一番折騰，感覺(jué)不錯(cuò)，學(xué)到了很多東西，而且最后合作也很順利?？吹?jīng)]，諸位，前端游擊戰(zhàn)的好處在于有機(jī)會(huì)學(xué)習(xí)其他知識(shí)、接觸其他時(shí)髦的工具，如果你是狹隘的排斥的，不樂(lè)于接受與學(xué)習(xí)的話(huà)，實(shí)際上是阻礙了自己的成長(zhǎng)與發(fā)展。

再舉個(gè)更有代表性的例子，我是個(gè)忠實(shí)的不推崇Sass, Less, 以及Stylus的人，我是個(gè)道家主義者，推崇本源、無(wú)為而治。雖不推崇，但我很樂(lè)于接受這方面的知識(shí)，關(guān)注這方面的發(fā)展，甚至，12年時(shí)候，花大功夫翻譯了stylus的中文文檔，目前也就這一文檔吧。最近的一個(gè)項(xiàng)目，嘿，就是基于Less的生成CSS的，遇到了自己一向不推崇的東西。雖然，合作的小伙伴說(shuō)，你直接寫(xiě)CSS代碼也是可以的。但我還是還樂(lè)意地用起了Less⑵, 當(dāng)年翻譯Stylus積累的知識(shí)2年后居然起了作用，分分鐘上手。最后，開(kāi)發(fā)開(kāi)心，我也開(kāi)心，大家都開(kāi)心。

所以，像我們寫(xiě)代碼的，無(wú)論何時(shí)，都不能被自己所掌握的那點(diǎn)技術(shù)形成的世界觀(guān)所束縛，接受不同風(fēng)格的人，不同技術(shù)背景的人，不同技術(shù)擅長(zhǎng)點(diǎn)的人。招聘的時(shí)候尤其注意，狹隘的技術(shù)人總是傾向于招聘跟自己同類(lèi)的人，最后，就是個(gè)全是中鋒的球隊(duì)，做出來(lái)的東西嘛，我就不說(shuō)什么了。

⑵ 切記，前端游擊戰(zhàn)要想打得好，必須使用團(tuán)隊(duì)的技術(shù)方案！否則你自己開(kāi)發(fā)時(shí)候順手爽，完了合作同事三天兩頭找你有得煩！

3. 文檔以及注釋

溝通很順暢，開(kāi)發(fā)制作時(shí)候也是按照了團(tuán)隊(duì)的規(guī)范、方案走了，然后直接SVN提交拍屁股走人？且慢，還有個(gè)很重要的東西，就是文檔以及詳盡的注釋。

前端游擊戰(zhàn)的精髓之一就是「游」，你說(shuō)你啥都不交代，回頭前端開(kāi)發(fā)遇到疑問(wèn)還不是得來(lái)找你，你游啊？你游得走嘛！磨刀不誤砍柴工，寫(xiě)好文檔，寫(xiě)好注釋?zhuān)樌还?。開(kāi)發(fā)開(kāi)心，你也開(kāi)心，大家都開(kāi)心！

有很多人真是不擅長(zhǎng)寫(xiě)文檔，從小怕寫(xiě)作文給烙下的陰影。其實(shí)呢，不要多專(zhuān)業(yè)，只要換位思考下就可以了。腦補(bǔ)下，跟我交接的小伙伴，他什么都不知道，第一次看到我這個(gè)代碼，他知道該如何觸發(fā)這里效果顯示嗎？稍微一想就會(huì)發(fā)現(xiàn)，擦，我這里不寫(xiě)點(diǎn)內(nèi)容，就是親媽來(lái)了也不知道這里要加個(gè).active的類(lèi)名??！于是，你就可以注釋了：

<!-- 
注意，前方高能：
這里點(diǎn)擊顯示下拉直接通過(guò)添加和刪除類(lèi)名.active即可；
禁用使用類(lèi)名.disable;
注意這里HTML位置，以及后面不能換行，以免出現(xiàn)空格
...
-->

多站在對(duì)方立場(chǎng)考慮，自然就知道該寫(xiě)些什么了。如果你還是駕馭不了，恩，可以文末的郵箱聯(lián)系我，我會(huì)傳授寫(xiě)作大法，祝你練成神功 。

三、結(jié)語(yǔ)以及廣告

你東西做的好，合作開(kāi)心，別人都找你，才會(huì)有游擊戰(zhàn)這種模式。下面問(wèn)題來(lái)了，1. 如何做的好？首先最最重要的是超出常人，開(kāi)發(fā)所望塵的敏感的設(shè)計(jì)之心，做出來(lái)的東西必須能夠精確傳達(dá)設(shè)計(jì)思想、交互體驗(yàn)（否則，合作團(tuán)隊(duì)里的前端直接開(kāi)發(fā)豈不更爽氣）；然后是需要比較多的積累，一是深度，要你介入多深，你就能有多深；二是廣度，我以前常常深入研究業(yè)務(wù)以外的知識(shí)點(diǎn)，結(jié)果為現(xiàn)在在各個(gè)團(tuán)隊(duì)快速上手打下了較好的的基礎(chǔ)。2. 如何合作開(kāi)心？心胸寬廣，視野開(kāi)闊，團(tuán)隊(duì)合作放在第一位；過(guò)于個(gè)人的東西舍棄、團(tuán)隊(duì)的東西跟隨，不會(huì)的東西學(xué)習(xí)，交接文檔要清楚等。

根據(jù)我沒(méi)有依據(jù)的猜想，這種游擊戰(zhàn)風(fēng)格的前端開(kāi)發(fā)模式應(yīng)該很少見(jiàn)。要是哪個(gè)廠(chǎng)子或者團(tuán)隊(duì)看到了本文，無(wú)論有沒(méi)有興趣，都可以試試這種開(kāi)發(fā)模式，對(duì)吧，要有寬廣的胸懷，可以不贊同，但內(nèi)心要樂(lè)于接受，說(shuō)不定能提高產(chǎn)品情感化方面的檔次與質(zhì)量，能與騰訊的產(chǎn)品競(jìng)爭(zhēng)呢！