- - - - - - - - -目錄 - - - - - - - - -

順序

介紹

1.奇怪的職業(yè)轉(zhuǎn)變

2、第一個電商項(xiàng)目

3.階段總結(jié)

四是第二個電子商務(wù)項(xiàng)目。

5、第三個電子商務(wù)項(xiàng)目（之一）

6.第三個電子商務(wù)項(xiàng)目（二）

7.第四個電子商務(wù)項(xiàng)目

8、前端開發(fā)者快速升級通關(guān)的一些個人經(jīng)驗(yàn)總結(jié)。

9、談?wù)劵ヂ?lián)網(wǎng)項(xiàng)目環(huán)境對前端開發(fā)人員晉升高級的影響

10、個人職業(yè)發(fā)展的超級狂野之路——準(zhǔn)職業(yè)玩家轉(zhuǎn)向編輯器，再轉(zhuǎn)向PHP開發(fā)，再轉(zhuǎn)向前端開發(fā)

11、個人素養(yǎng)及（一）——我如何通過反復(fù)“打怪”來強(qiáng)化“代碼素養(yǎng)”

12.個人素養(yǎng)及(2)-電子競技/編輯經(jīng)歷對基本技能素養(yǎng)發(fā)展的影響

十三、個人素質(zhì)和（3）——開發(fā)人員的戰(zhàn)術(shù)素質(zhì)和程序的善惡、開發(fā)人員的方式不同，不能協(xié)同工作。

14.個人素質(zhì)及(4)-開發(fā)人員戰(zhàn)略素質(zhì)對其職場嗅覺的影響

后記：第四個電商工程——分裂、生存，還有可能崛起。

順序

本文主要是對我個人從事前端開發(fā)兩三年以來的“升級打怪”經(jīng)歷進(jìn)行回顧和總結(jié)，那么前端這個職業(yè)到底有怎樣的發(fā)展空間呢？ “前端開發(fā)工程師”，而進(jìn)入高層后需要具備什么樣的能力，這些技能或知識可以從哪里獲得，項(xiàng)目或者公司等。對前端職業(yè)發(fā)展存在疑問，所以我想發(fā)表一些我個人的看法。 不過，我沒有權(quán)利也沒有義務(wù)去告訴任何人未來的路該怎么走，但是我可以告訴你我是怎么走的，而且我的路很狂野，真的很狂野，對于很多大牌來說是絕對不可能的。說是成功了，但對于大多數(shù)沒有機(jī)會進(jìn)入一流互聯(lián)網(wǎng)項(xiàng)目去體驗(yàn)的程序開發(fā)從業(yè)者來說，或許我的經(jīng)歷會有一定的參考意義。

事實(shí)上，我曾經(jīng)想過是否應(yīng)該寫下如此巨大飛躍的職業(yè)經(jīng)歷，我對此表示懷疑。 當(dāng)獵頭向BAT公司推薦我時(shí)，他建議我不要太詳細(xì)地描述自己作為媒體編輯的經(jīng)歷，或者直接刪除。 不過，我確實(shí)使用了一些編輯方法來弱化這段經(jīng)歷，并將其仍然放在我的簡歷中。 我認(rèn)為這不是問題。 寫作一直是我的興趣，也曾經(jīng)是我的謀生手段，也還不錯，只是和程序開發(fā)關(guān)系不大。

當(dāng)然，我得到了電話面試的機(jī)會，但我在第一輪就被淘汰了。 那只是一年多前的事，但隨著電子商務(wù)3個月等于1年的發(fā)展速度，我現(xiàn)在已經(jīng)忘記了情況。 我只記得電話打來的時(shí)候，我剛剛完成了一個項(xiàng)目的公關(guān)一整夜php開源博客系統(tǒng)，當(dāng)時(shí)腦子一片混亂。

當(dāng)然，我當(dāng)時(shí)的能力應(yīng)該達(dá)不到別人的要求，但是如果現(xiàn)在再有一次機(jī)會，我想我應(yīng)該能夠贏得這樣的事情，不過暫時(shí)沒有這個必要。

請不要誤會我的意思。 并不是說BAT級別對我沒有吸引力，而是對于現(xiàn)階段的我來說，我不能為了這樣的機(jī)會而離開我現(xiàn)有的項(xiàng)目和團(tuán)隊(duì)，而現(xiàn)在的項(xiàng)目可以讓我做自己擅長的事情。 和感興趣的事情，基本上可以按照自己的意愿去實(shí)施，而騰云網(wǎng)絡(luò)一般只能是一顆螺絲釘，不能有太多的個人意愿，而且好的機(jī)會已經(jīng)被老人們占據(jù)了，只是為了很明顯去鍍金并成為別人的暴徒或消防員是不理性的。 另一方面，我其實(shí)發(fā)現(xiàn)，程序開發(fā)者想要快速成長，并不一定要進(jìn)入BAT或者一線互聯(lián)網(wǎng)公司去歷練。 創(chuàng)業(yè)項(xiàng)目也能快速成長，只要你抓住機(jī)遇和機(jī)會。 相信我，這絕對有可能，這就是為什么我想寫下我的經(jīng)歷。

介紹

事實(shí)上，這個問題具有普遍意義。 無論你是學(xué)生還是工作人員，你仍然想知道前端工作是什么樣的，在哪里可以發(fā)展，前端能產(chǎn)生技術(shù)總監(jiān)或CTO嗎？ 男人怕入錯行，女人怕嫁錯郎。 因此，任何回復(fù)都會對主題或關(guān)注該主題的人的職業(yè)決策產(chǎn)生影響。 所以，我用了一些嚴(yán)厲的語言來回復(fù)意識流的高票答案。 我不想炫耀我的寫作技巧。 我提前道歉，但我是故意的。 職業(yè)道路選擇是一個嚴(yán)肅的話題。 最后的補(bǔ)充是個人的看法或者對程序完成情況的理解。 為什么這么說呢？ 這和前端開發(fā)或者各個程序員的職業(yè)發(fā)展有什么關(guān)系嗎？ 我覺得是有關(guān)系的，而且關(guān)系很大。 走得越高，這種關(guān)系就越明顯。 可以說，個人修養(yǎng)很大程度上決定了一個人職業(yè)發(fā)展的水平，寫代碼也是如此。 這可能看起來很哲學(xué)，但這就是我的想法。

1.奇怪的職業(yè)轉(zhuǎn)變

第一個變量身份。 第一個，前面的。 30++++的年紀(jì)，已經(jīng)算是老猿猴了。 他已經(jīng)不年輕了。 到目前為止，我還沒有取得任何成就，我只是喜歡它。 我不會永遠(yuǎn)談?wù)撍?，我只是希望我能寫到寫不動為止?其實(shí)我也不知道自己處于什么水平。 年初我得到了兩個互聯(lián)網(wǎng)一線崗位，定位相當(dāng)于阿里巴巴的P6/P7。 我不知道如何評價(jià)它。 根據(jù)我的自我認(rèn)知能力，我認(rèn)為最多是P5。 我的局限性和性格不適合騰云網(wǎng)絡(luò)。 主要是我被現(xiàn)任領(lǐng)導(dǎo)欺騙了??，說騰云網(wǎng)絡(luò)的人政治斗爭很激烈。 我也擔(dān)心自己情商值太低，經(jīng)不起考驗(yàn)，臉面不保被踢出去seo優(yōu)化，所以就放棄了。 ，所以一起做一個電商創(chuàng)業(yè)項(xiàng)目比較實(shí)際。 工資不要太離譜，有自己感興趣的工作，說的話還有點(diǎn)分量。 關(guān)鍵是工作上有一點(diǎn)自由，其實(shí)挺好的。 在開發(fā)者中，我的經(jīng)歷應(yīng)該算比較奇怪的。 什么奇怪的方法？ 首先，我當(dāng)了幾年媒體編輯，是的，平妹。 我曾擔(dān)任客座記者。 我為IT媒體撰寫過很多專欄，例如《計(jì)算機(jī)新聞》、《計(jì)算機(jī)商業(yè)智能》、《計(jì)算機(jī)愛好者》等媒體。 后來我看到IT媒體日漸式微，所以就半路出家了。 當(dāng)然，我去少林寺并不是為了出家，我只是轉(zhuǎn)行，成為了一個不一樣的和尚——程序員。 嗯，跳躍的幅度好像有點(diǎn)大，很多以前的同事都看不下去。 事實(shí)上，我自我感覺良好，因?yàn)槲以跇I(yè)余時(shí)間喜歡寫博客，經(jīng)常玩弄各種PHP開源博客系統(tǒng)。 純粹是為了自己娛樂，雖然我沒有參加過任何技術(shù)培訓(xùn)。 （其實(shí)是因?yàn)槲覜]有多少錢來支付作家的學(xué)費(fèi)，相當(dāng)昂貴），但不管怎樣，經(jīng)過大量的自學(xué)和努力，我終于進(jìn)入了程序開發(fā)行業(yè)。 現(xiàn)在每天都是T恤+牛仔褲+拖鞋+電腦背包，很標(biāo)準(zhǔn)。

2、第一個電商項(xiàng)目

有一段時(shí)間，PHP+前端混合開發(fā)的外包就是那種利用開源項(xiàng)目頁面做簡單功能的二次開發(fā)項(xiàng)目。 感觸最多的就是諸如、、！、之類的，框架也玩CI。 后來一次偶然的機(jī)會，我的前雇主想要建立一個電子商務(wù)交易平臺，很快就會找到合適的負(fù)責(zé)人。 我覺得自己還是能看透的，于是就調(diào)到了項(xiàng)目經(jīng)理，負(fù)責(zé)整個項(xiàng)目的基礎(chǔ)設(shè)施建設(shè)。 其實(shí)就是招募、分配任務(wù)等等，但最好的工作就是裁剪、切片圖片。 雖然當(dāng)時(shí)的開發(fā)方式還是不文明的刀耕火種，但是把自己定位為前端更加靠譜，而 PHP 的工作則是兩者兼得。 還好，雖然技術(shù)比較一般，但是項(xiàng)目發(fā)展比較順利，拿到了A輪（號稱美金，可能比較水，不過那也是兩三年前的事了，根據(jù)網(wǎng)上的說法，3個月=1年.的節(jié)奏，感覺真的很遙遠(yuǎn)）。 富了之后，我介紹了一批比較厲害的開發(fā)人員（主要是前端和PHP）。 雖然是我的手下，但是當(dāng)時(shí)那群人的能力絕對是很強(qiáng)的。 我也從來不敢把別人當(dāng)成下屬，甚至很多問題都要向別人請教。 如果你不擅長技術(shù)，應(yīng)該虛心求教。 沒有什么可害羞的。 他們確實(shí)相當(dāng)強(qiáng)大，帶來了一些先進(jìn)的前端開發(fā)理念，比如前端構(gòu)建、前端MVVM、純靜態(tài)html+api構(gòu)建web網(wǎng)站開發(fā)方式。 這些前端開發(fā)理念在幾年前絕對是非常先進(jìn)的。 那時(shí)他們還沒有成熟，而且才剛剛出來不久。 Fi可能還處于起步階段，各大互聯(lián)網(wǎng)騰云網(wǎng)絡(luò)也只是在內(nèi)部嘗試探索。 后來隨著項(xiàng)目的發(fā)展，前端需求越來越復(fù)雜，需要嘗試MVVM、SPA等前端開發(fā)技術(shù)。 作為當(dāng)時(shí)項(xiàng)目的前端負(fù)責(zé)人，我也需要重構(gòu)前端代碼以適應(yīng)項(xiàng)目的發(fā)展。 需求是做這樣的事情——如何將已經(jīng)上線的項(xiàng)目的前端部分順利過渡到組件化、工程化？

前端開發(fā) 這是我做的第一個大型前端項(xiàng)目重構(gòu)。 當(dāng)時(shí)的技術(shù)總監(jiān)估計(jì)給我的時(shí)間是10天，但我拖到了20天才基本完成。 基本上每天的節(jié)奏都是朝九晚十。 從目前來看，這絕對是一次失敗的重建經(jīng)歷。 不過，我個人獲得了很多寶貴的經(jīng)驗(yàn)，讓我有機(jī)會嘗試很多新的前端技術(shù)，包括：

1.構(gòu)建工具使用gulp，不久前才剛剛出來。 我選擇它的原因是為了保持新鮮感。 這是前端開發(fā)中常見的問題；

2.基于少預(yù)編譯CSS模塊化，監(jiān)控自動編譯；

3.基于gulp自動構(gòu)建精靈圖像。 根據(jù)監(jiān)控到的精靈圖片目錄，根據(jù)目錄自動生成sp圖片和less的副本。 less保存到CSS模塊中，自動觸發(fā)less的自動編譯；

4、JS模塊化是AMD方案，采用模塊加載。

我們只做了一個小小的改進(jìn)，就是通過gulp自動生成（開發(fā)和生產(chǎn)各一份）。 第三方j(luò)s模塊的路徑是按照一定的規(guī)則自動構(gòu)建的，而不是手動配置。 將js模塊打包在一個目錄下，打包后的文件加MD5蓋章，無覆蓋發(fā)布，解決了AB版本迭代和緩存的問題。 現(xiàn)在看來整體按照目錄的打包方式相當(dāng)簡陋，代碼冗余非常嚴(yán)重，可惜當(dāng)時(shí)的水平也就這樣了。 然而，將需要重復(fù)手動配置的前端資源定期調(diào)度自動化，實(shí)際上就是前端工程化的雛形。 至少它為我打開了探索前端工程的大門。 其實(shí)這種開發(fā)思維不是我當(dāng)時(shí)能想到的，而是項(xiàng)目引入的前端人才提供的開發(fā)思維。 非常感謝這位同事。 雖然我們只合作了三個月，而且還只是熟人，你甚至?xí)驗(yàn)楫?dāng)時(shí)技術(shù)差而鄙視我，但我仍然是你的領(lǐng)導(dǎo)。

不管怎樣，謝謝你讓我看到了前端開發(fā)進(jìn)一步發(fā)展的另一種可能。 應(yīng)該說網(wǎng)站優(yōu)化，在很多騰云網(wǎng)絡(luò)、互聯(lián)網(wǎng)騰云網(wǎng)絡(luò)中，前端開發(fā)在很多年前就已經(jīng)擁有了完整且相當(dāng)成熟的前端工程開發(fā)體系。 但是對于我個人或者對于那個項(xiàng)目來說，這個方法在當(dāng)時(shí)來說絕對是非常非常新鮮的，以至于我們團(tuán)隊(duì)的人逐漸離開之后（那一撥人中的前端人現(xiàn)在基本都是這方面的專家了）前端領(lǐng)域，有的在YY，有的在VIP，有的在UC），接手的前端無法接手。 這是一種不同的開發(fā)模式，我們必須用原來的方法來生產(chǎn)新版本的前端靜態(tài)資源。

3.階段總結(jié)

前端之路如何走——我個人認(rèn)為初級、中級前端快速進(jìn)步的最佳途徑是：

① 您必須曾在多人協(xié)作的前端團(tuán)隊(duì)中工作過。

②一定要找到對前端業(yè)務(wù)要求較高的騰云網(wǎng)絡(luò)或項(xiàng)目，尤其是各種棘手的需求，這實(shí)際上是技術(shù)人員快速進(jìn)步的機(jī)會。

第二點(diǎn)非常重要。 重要的事情應(yīng)該讀三遍。 不要外包騰云網(wǎng)絡(luò)。 不要外包騰云網(wǎng)絡(luò)。 不要外包騰云網(wǎng)絡(luò)。 當(dāng)然，第一點(diǎn)更重要。 不過，如果有人才愿意接手，很多時(shí)候這都是小概率事件。 即使你有機(jī)會進(jìn)入這樣的項(xiàng)目，你也不要指望別人一步步教你。 我只能告訴你，你所聽到的、看到的所影響的能量還是很強(qiáng)大的。 因此，從兩個角度來看，目前的項(xiàng)目技術(shù)要求不高，似乎也沒有優(yōu)秀的人才。 是時(shí)候切換到騰云網(wǎng)絡(luò)了。 我還是想說，技術(shù)的進(jìn)步一定來自于業(yè)務(wù)的不斷變化。 當(dāng)你被要求實(shí)現(xiàn)各種奇怪的需求，并且你實(shí)現(xiàn)了別人的需求，那么就意味著進(jìn)步。 當(dāng)然，如果你非常有才華，非常自律，自學(xué)能力很強(qiáng)，就當(dāng)我什么也沒說吧。 如果你發(fā)現(xiàn)某個項(xiàng)目確實(shí)有牛人，甚至可以降低薪資要求，讓你有快速進(jìn)步的機(jī)會。 技術(shù)人需要明白，你能賺多少錢，在達(dá)到一定水平之前，基本上和你的技術(shù)能力成正比。

4.第二個電子商務(wù)項(xiàng)目

我的第一個電商項(xiàng)目經(jīng)歷非常不成功，但也許是騰云網(wǎng)管理和文化的原因，一批我認(rèn)為非常優(yōu)秀的技術(shù)開發(fā)人才來到了項(xiàng)目中，不到半年的時(shí)間他們都失敗了。 他離開去尋找另一份工作。 而且我覺得自己還需要進(jìn)一步提高，所以我選擇了離開。 簡單來說，就是技術(shù)能力/經(jīng)驗(yàn)增加了，但是薪資幾千年不變。 如果技術(shù)便利性上還有改進(jìn)的空間，離開是唯一的選擇。 這時(shí)已經(jīng)是2014年初了，我跳槽到了一個從事在線教育的電商創(chuàng)業(yè)項(xiàng)目。 我拿的是月薪，是一名前端項(xiàng)目經(jīng)理。 我做的其實(shí)就是前端。 我只在這個項(xiàng)目上呆了半年。 看來我加入騰云網(wǎng)絡(luò)就是為了看看自己值多少錢。 事實(shí)上，我對這個項(xiàng)目并不是很感興趣。 他們只給了我薪水，所以我加入了。 這個項(xiàng)目的總負(fù)責(zé)人其實(shí)來自電信。 他或許專業(yè)資質(zhì)很強(qiáng)，但對技術(shù)一竅不通。 我的直接上司是一名技術(shù)總監(jiān)，但他似乎不太懂技術(shù)。 他更像是一個項(xiàng)目經(jīng)理。 ，只會加快進(jìn)度，但技術(shù)細(xì)節(jié)如何實(shí)現(xiàn)，或者如何定義前后端分工協(xié)作的模型，他卻沒有任何線索。 正是因?yàn)樗麄儗Υ艘粺o所知，所以我從之前的項(xiàng)目重構(gòu)經(jīng)驗(yàn)中獲得了一些前后端分離的經(jīng)驗(yàn)。 我給他們分享了一些最新的前端開發(fā)模式的信息，并告訴他們前端一定要盡快模塊化。 該項(xiàng)目剛剛開始，我有機(jī)會從頭開始。 這對我來說是一個很好的嘗試機(jī)會。 與之前的版本相比，構(gòu)建過程沒有太大變化。 模塊化只是css和js的模塊化。 我只是對規(guī)范和文檔有了更嚴(yán)格的要求，并改進(jìn)了一些構(gòu)建工具的監(jiān)控和開發(fā)體驗(yàn)，例如gulp.文件。 編譯，如果出現(xiàn)語法錯誤，自動彈出。 如果要說比較大的改變，其實(shí)就是項(xiàng)目需求帶來的改變。 由于項(xiàng)目需要移動端開發(fā)，而移動端需要使用前端模板引擎（），所以我們在維護(hù)模板引擎的時(shí)候需要重復(fù)維護(hù)類似的工作。 代碼如下：

html是內(nèi)部包裹的，編輯器看起來不太好，多人協(xié)作時(shí)很容易發(fā)生沖突。 于是，我改進(jìn)了前端mvc模板維護(hù)機(jī)制，做成了這樣：

開發(fā)者維護(hù)一份HTML的副本，并使用構(gòu)建工具自動將HTML編譯成AMD規(guī)范封裝的js模塊。 自動編譯模塊ID，例如tpl//.html文件（帶下劃線的會被編譯打包在標(biāo)簽中，如果不帶下劃線的命名為html文件，會直接轉(zhuǎn)成js對象），而這個文件將被編譯并保存在 js/tpl/.js 模塊中。 使用AMD模塊的實(shí)例對象來操作模板，但是開發(fā)者維護(hù)的html比直接放在html結(jié)構(gòu)中簡單很多，而且?guī)缀醪淮嬖诖a沖突。 而且這個模板可以放在js中，可以借助js壓縮進(jìn)行優(yōu)化。 您可以輕松實(shí)現(xiàn)模板的異步調(diào)用并優(yōu)化加載。

在這個項(xiàng)目中，我最大的進(jìn)步就是項(xiàng)目需要前端mvc模式開發(fā)，這讓我有機(jī)會進(jìn)一步完善前端自動構(gòu)建（html模板編譯為js）的htm模板維護(hù)機(jī)制php開源博客系統(tǒng)，并優(yōu)化有編譯前端開發(fā)經(jīng)驗(yàn)。 但此時(shí)，由于家庭原因，我需要請長假（不到1個月）。 經(jīng)過考慮，我辭職了，但是這個項(xiàng)目留給前端的前端工具和模式基本都用了。

待續(xù)…