序： 開源的意義

• 本系列提前首發地址

背景

從事了近4年的網際網路行業，逐漸擔當過團隊的前端到後端的負責人，和大家一樣從小白逐漸的成長起來，回首望去幾年前的部落格還是那麼稚嫩。

• 回首這幾年：

從一個javaer接觸前端轉向全棧。
從前端到後端到運維，經歷了幾次前後端架構的演變，踩了無數的坑，度過無數難免的夜。

當我看到這條沸點的時候，我的內心多少是有一些波瀾的。為了工作或學習，確實造過一些輪子，前端的後端的，也開源出來過覺得能提高生產力的。但確實：

程式碼放出來!=開源

一個優秀的程式設計師同時也應該是一個好的傳道者，去幫助那些真正想學習的`懵懂少年`。

麥當勞的模式思考

每天早上都回去吃麥當勞6元早餐，有時候想想：這不就是我們現在的工作狀態嗎？

• 薯餅是怎麼做的？

不知道,公司直接進的貨。

• 你是如何掌握火候的？

不清楚，公司規定炸6分鐘。

• 那為什麼是6分鐘，而不是5分鐘，7分鐘嗎？

應該是為了讓它外酥裡嫩吧，具體沒太研究過……

這像極了我們的面試，我們的痛點總是看過、瞭解過，但並沒有深入去實踐過、研究過。

無論多牛的解說5分鐘也道不出一部好電影的精髓。

萌生想法

兩個月前業餘時間開始慢慢寫 BBS ,很多公司的同事表示不解

為什麼要花時間寫這樣一個專案,有什麼意義呢?

而我總是開玩笑說我要幹掉掘金。其實只是個玩笑話，這是我一直想做的事情：做一個真的能幫到大家的開源專案。平常抽空寫專案，還好沒放棄，終於可以逐漸寫寫文章跟大家分享一下。

說幹就幹

Github專案地址 做有 格調 的論壇

粗略統計本系列涉及到的粒度比較大的技術棧:

• 前端：node npm vue2 webpack4 electron

• 後端：spring-boot spring-data-jpa swagger spring-cloud 爬蟲

• 中介軟體、運維：mysql nginx shell docker

這個系列我全部採用了目前比較主流技術棧

整體大綱的把握

這個系列文章我儘量照顧前端的同學和後端的同學，不穿插講述。儘量按照前端-後端-部署-運維來講，當然中途涉及到跨域、Rest、oAuth2.0這種前後協調的還是無法避免捎帶一筆。

比如:

這種目錄閱讀可能對於只掌握 前端/後端 一種技術棧的同學，或只想去看後端/前端/運維 的同學看上去非常的難受、我會修改大綱避免這個問題,循序漸進的來。

你會學到

• 深入瞭解前後分離，瞭解常見架構

• 前端後端專案的搭建與優化

• 前端後端技術的選型

• 開發過程中提升效率的小技巧

• 不同場景下跨域的N種解決辦法

• 幾個良好習慣提升 debug 的能力

• 前端的 Hybrid 開發自己的 APP

• 前端 SPA 模式的優化

• 學會爬取我們想要的資源

• 後端架構如何向微服務轉型

• 如何使用 docker 部署微服務

• 如何維護專案的運轉

結語

這個系列的專輯會同大家一起見證：如何從零打造一個前後分離的網際網路主流 WEB 專案，bbs 也會越來越健壯、真心希望我能幫到你們。

關於我

• 目前在寫《從零構建前後分離專案》系列

• 不斷更新的 專案實踐地址

• 彩蛋：提前預覽下一章傳送門 ?