摘要:項目地址你沒有見過的終極實戰。本來我是打算做完就發文的,但是還是怕沒有效果圖,大家興趣欠佳,所以還是把這個整站弄出來給大家看一下大概是什么類型的應用。
習慣,后期若有修改會在此處作全局說明。前言
作為一個自認為高產博主,我已經好久沒發文了,之前在segmentfault上面發的文也是刪的差不多了,還是怪我一開始給自己挖坑亂定目標,結果都滯后了,而且也沒有什么動靜,反思了好久,決定不做太過宏偉的目標,但是也不想簡略了事,所以歸結了本篇內容,做了一份涵蓋一些前端圈如今比較流行的技術實戰,包括(Node, Koa, Express, Pug, MongoDB, Sass, Gulp, React, Vue, Webpack, React-Native, Weapp, Electron)等等等等等,不過不是同一個應用里都用了哦...不要誤會我瞎搞,整個項目拆分了多個應用也就是多個不同的包,分別應用了其中一些技術。
忘了說做個什么東西了...大概就是一個分享交流的社區,具體的樣子下面我在細說。
在我發文的之前,我已經把用Express搭建的API服務和用Pug模板輸出傳統網站的形式兩個包完成了,可能之后會修修補補,不過大概意思已經出來了。
還有一點...本篇只是做統籌性的說明,沒有涵蓋太多技術相關的內容,所以沒有發在博客上。
項目地址:你沒有見過的終極實戰。
管理雖然東西非常的多,但是強迫癥的我并不想給它拆分成很多倉庫(一個倉庫是一個包的形式),所有內容我都放在了一個倉庫里(practice),只是以根文件夾做區分,用yarn的workspace的方式來管理所有的包,分別是server(API數據服務)、site(傳統模板網站)、 manage(后臺管理系統)、weapp(微信小程序)、spa(移動端單頁應用)、 native(原生APP)和desktop(桌面應用)。由于暫時只完成了server和site,所以其他目錄就暫時刪除了,后續寫的時候在加回來。
關于我還是要詳細的說一下整個項目和計劃,不然大家可能也不知道我做的是個什么東西,分別用上述的技術做什么地方。每個包產生的應用我盡量多貼一下圖片,吸引一下大家的目光,嘻嘻。
server首先是API服務,我一開始本來是打算用Koa寫的,但是我本身對Express更熟悉一點,為了快速迭代就還是用了Express,不過也準備這一波API沒有問題的話還是換成Koa來寫,不想同一個技術用多次嘛,這里我就貼一個測試覆蓋率的圖吧。
其中沒有跑到的測試是由于當時在處理異常的時候,沒有統一拋到一個地方,導致很多異常處理測試跑不到,后來問了幾個前輩才知道要把異常抽離了,真笨啦...不過大體還是跑完了的,初始化大概三十幾個API,也多帶帶寫了一份API文檔,,詳細說明大家就看API文檔吧。
site然后是傳統網站的形式,也就是類似于java(jsp)的形式,本來這種形式數據應該來源于數據庫的,但是為了我上述的API服務的公共性,所以這個包,并沒有操作數據庫的內容,所有數據還是來源于API服務,技術棧為Express結合Pug完成。
本來我是打算做完server就發文的,但是還是怕沒有效果圖,大家興趣欠佳,所以還是把這個整站弄出來給大家看一下大概是什么類型的應用。
本來想截個gif,但是好像有點大,還是算了,靜態圖片大概也能看出是個什么東東,類似于掘金、cnode或者是segmentfault的社區網站,只是功能簡單了一些而且。頁面也參照了不少,還請見諒。
在寫site的時候雖然已經吸取了了一些經驗,但是還是覺得不夠完美,強迫癥哎,除了本身Express和Pug以外,樣式用了Sass,編譯用了Gulp,雖然少,但是還是涉及到了,不過測試沒有寫誒,實在是時間太少,腦子太疼,后續再補測試吧,畢竟我這個包是個應用包....見諒!
計劃記于2018-07-19:由于剛剛發項目,可能里面的我沒有察覺的bug會陸續暴露出來,所以準備這一段時間都用來完善server和site,等到這兩包趨于穩定之后,就會啟動manage后臺管理系統的內容,技術棧為React和Antd,我是特別喜歡這兩個東東的,所以其實內心還是希望快點的...
博客由于本身內容還是比較多的,所以博客我也是每一篇對應一個內容,詳細的實現過程會在博客里面體現出來,如果錯誤除了幫忙指正一下還請多多包涵,現階段完成了兩篇:
終極實戰(一) - 搞個 Node 的數據服務
終極實戰(二) - 用 Pug 模板輸出傳統網站
結語其實當時做這個的時候目的很簡單,想要更熟練的使用這些技術、想要小星星等等,做的時候收獲真的很多,有很多非常好的前輩幫我答疑解惑,讓我不斷的推翻之前寫的代碼,不斷的優化它們(PS:現在可能也還有很多缺陷),我本身也提升了蠻多的,同時也希望自己的博客或者是代碼能帶給更多人幫助!!!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/19311.html
摘要:項目地址你沒有見過的終極實戰。本來我是打算做完就發文的,但是還是怕沒有效果圖,大家興趣欠佳,所以還是把這個整站弄出來給大家看一下大概是什么類型的應用。 習慣,后期若有修改會在此處作全局說明。 前言 作為一個自認為高產博主,我已經好久沒發文了,之前在segmentfault上面發的文也是刪的差不多了,還是怪我一開始給自己挖坑亂定目標,結果都滯后了,而且也沒有什么動靜,反思了好久,決定不做...
摘要:然而這次的文章,就像賀師俊所說的這篇文章是從程序員這個老年度總結前端掘金年對我來說,是重要的一年。博客導讀總結個人感悟掘金此文著筆之時,已經在眼前了。今天,我就來整理一篇,我個人認為的年對開發有年終總結掘金又到 2016 Top 10 Android Library - 掘金 過去的 2016 年,開源社區異常活躍,很多個人與公司爭相開源自己的項目,讓人眼花繚亂,然而有些項目只是曇花一...
2019年6月9號,星期天,晴,33度 今天的bug格外的難解 對面商店的小姐姐,依然是我不敢奢求的夢 我是小蝌蚪,一名低級前端程序員搬磚六年,一事無成 經過這些年的努力拼搏,終于向那些曾經看不起我的人證明 ,他們是對的 今晚又加班到了十二點,身心俱疲公司樓下的夜店又響起了戰歌我就像一個小丑,穿梭在燈紅酒綠的街路邊的美女和豪車都與我無關因為程序員不允許沾染世俗的煙火 話還沒說完就對一家夜店著了迷因...
2019年6月9號,星期天,晴,33度 今天的bug格外的難解 對面商店的小姐姐,依然是我不敢奢求的夢 我是小蝌蚪,一名低級前端程序員搬磚六年,一事無成 經過這些年的努力拼搏,終于向那些曾經看不起我的人證明 ,他們是對的 今晚又加班到了十二點,身心俱疲公司樓下的夜店又響起了戰歌我就像一個小丑,穿梭在燈紅酒綠的街路邊的美女和豪車都與我無關因為程序員不允許沾染世俗的煙火 話還沒說完就對一家夜店著了迷因...
閱讀 2702·2023-04-25 14:59
閱讀 889·2021-11-22 11:59
閱讀 635·2021-11-17 09:33
閱讀 2468·2021-09-27 13:34
閱讀 3898·2021-09-09 11:55
閱讀 2321·2019-08-30 15:44
閱讀 1123·2019-08-30 14:06
閱讀 1925·2019-08-29 16:55