成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

來來來，你可能沒見過這么全的實(shí)戰(zhàn)吧

GitChat / 2557人閱讀

摘要：項(xiàng)目地址你沒有見過的終極實(shí)戰(zhàn)。本來我是打算做完就發(fā)文的，但是還是怕沒有效果圖，大家興趣欠佳，所以還是把這個(gè)整站弄出來給大家看一下大概是什么類型的應(yīng)用。

習(xí)慣，后期若有修改會(huì)在此處作全局說明。
前言

作為一個(gè)自認(rèn)為高產(chǎn)博主，我已經(jīng)好久沒發(fā)文了，之前在segmentfault上面發(fā)的文也是刪的差不多了，還是怪我一開始給自己挖坑亂定目標(biāo)，結(jié)果都滯后了，而且也沒有什么動(dòng)靜，反思了好久，決定不做太過宏偉的目標(biāo)，但是也不想簡(jiǎn)略了事，所以歸結(jié)了本篇內(nèi)容，做了一份涵蓋一些前端圈如今比較流行的技術(shù)實(shí)戰(zhàn)，包括(Node, Koa, Express, Pug, MongoDB, Sass, Gulp, React, Vue, Webpack, React-Native, Weapp, Electron)等等等等等，不過不是同一個(gè)應(yīng)用里都用了哦...不要誤會(huì)我瞎搞，整個(gè)項(xiàng)目拆分了多個(gè)應(yīng)用也就是多個(gè)不同的包，分別應(yīng)用了其中一些技術(shù)。

忘了說做個(gè)什么東西了...大概就是一個(gè)分享交流的社區(qū)，具體的樣子下面我在細(xì)說。

在我發(fā)文的之前，我已經(jīng)把用Express搭建的API服務(wù)和用Pug模板輸出傳統(tǒng)網(wǎng)站的形式兩個(gè)包完成了，可能之后會(huì)修修補(bǔ)補(bǔ)，不過大概意思已經(jīng)出來了。

還有一點(diǎn)...本篇只是做統(tǒng)籌性的說明，沒有涵蓋太多技術(shù)相關(guān)的內(nèi)容，所以沒有發(fā)在博客上。

項(xiàng)目地址：你沒有見過的終極實(shí)戰(zhàn)。

管理

雖然東西非常的多，但是強(qiáng)迫癥的我并不想給它拆分成很多倉庫(一個(gè)倉庫是一個(gè)包的形式)，所有內(nèi)容我都放在了一個(gè)倉庫里(practice)，只是以根文件夾做區(qū)分，用yarn的workspace的方式來管理所有的包，分別是server(API數(shù)據(jù)服務(wù))、site(傳統(tǒng)模板網(wǎng)站)、 manage(后臺(tái)管理系統(tǒng))、weapp(微信小程序)、spa(移動(dòng)端單頁應(yīng)用)、 native(原生APP)和desktop(桌面應(yīng)用)。由于暫時(shí)只完成了server和site，所以其他目錄就暫時(shí)刪除了，后續(xù)寫的時(shí)候在加回來。

關(guān)于

我還是要詳細(xì)的說一下整個(gè)項(xiàng)目和計(jì)劃，不然大家可能也不知道我做的是個(gè)什么東西，分別用上述的技術(shù)做什么地方。每個(gè)包產(chǎn)生的應(yīng)用我盡量多貼一下圖片，吸引一下大家的目光，嘻嘻。

server

首先是API服務(wù)，我一開始本來是打算用Koa寫的，但是我本身對(duì)Express更熟悉一點(diǎn)，為了快速迭代就還是用了Express，不過也準(zhǔn)備這一波API沒有問題的話還是換成Koa來寫，不想同一個(gè)技術(shù)用多次嘛，這里我就貼一個(gè)測(cè)試覆蓋率的圖吧。

其中沒有跑到的測(cè)試是由于當(dāng)時(shí)在處理異常的時(shí)候，沒有統(tǒng)一拋到一個(gè)地方，導(dǎo)致很多異常處理測(cè)試跑不到，后來問了幾個(gè)前輩才知道要把異常抽離了，真笨啦...不過大體還是跑完了的，初始化大概三十幾個(gè)API，也多帶帶寫了一份API文檔,，詳細(xì)說明大家就看API文檔吧。

site

然后是傳統(tǒng)網(wǎng)站的形式，也就是類似于java(jsp)的形式，本來這種形式數(shù)據(jù)應(yīng)該來源于數(shù)據(jù)庫的，但是為了我上述的API服務(wù)的公共性，所以這個(gè)包，并沒有操作數(shù)據(jù)庫的內(nèi)容，所有數(shù)據(jù)還是來源于API服務(wù)，技術(shù)棧為Express結(jié)合Pug完成。

本來我是打算做完server就發(fā)文的，但是還是怕沒有效果圖，大家興趣欠佳，所以還是把這個(gè)整站弄出來給大家看一下大概是什么類型的應(yīng)用。




本來想截個(gè)gif，但是好像有點(diǎn)大，還是算了，靜態(tài)圖片大概也能看出是個(gè)什么東東，類似于掘金、cnode或者是segmentfault的社區(qū)網(wǎng)站，只是功能簡(jiǎn)單了一些而且。頁面也參照了不少，還請(qǐng)見諒。

在寫site的時(shí)候雖然已經(jīng)吸取了了一些經(jīng)驗(yàn)，但是還是覺得不夠完美，強(qiáng)迫癥哎，除了本身Express和Pug以外，樣式用了Sass，編譯用了Gulp，雖然少，但是還是涉及到了，不過測(cè)試沒有寫誒，實(shí)在是時(shí)間太少，腦子太疼，后續(xù)再補(bǔ)測(cè)試吧，畢竟我這個(gè)包是個(gè)應(yīng)用包....見諒！

計(jì)劃

記于2018-07-19：由于剛剛發(fā)項(xiàng)目，可能里面的我沒有察覺的bug會(huì)陸續(xù)暴露出來，所以準(zhǔn)備這一段時(shí)間都用來完善server和site，等到這兩包趨于穩(wěn)定之后，就會(huì)啟動(dòng)manage后臺(tái)管理系統(tǒng)的內(nèi)容，技術(shù)棧為React和Antd，我是特別喜歡這兩個(gè)東東的，所以其實(shí)內(nèi)心還是希望快點(diǎn)的...

博客

由于本身內(nèi)容還是比較多的，所以博客我也是每一篇對(duì)應(yīng)一個(gè)內(nèi)容，詳細(xì)的實(shí)現(xiàn)過程會(huì)在博客里面體現(xiàn)出來，如果錯(cuò)誤除了幫忙指正一下還請(qǐng)多多包涵，現(xiàn)階段完成了兩篇：

終極實(shí)戰(zhàn)(一) - 搞個(gè) Node 的數(shù)據(jù)服務(wù)

終極實(shí)戰(zhàn)(二) - 用 Pug 模板輸出傳統(tǒng)網(wǎng)站

結(jié)語

其實(shí)當(dāng)時(shí)做這個(gè)的時(shí)候目的很簡(jiǎn)單，想要更熟練的使用這些技術(shù)、想要小星星等等，做的時(shí)候收獲真的很多，有很多非常好的前輩幫我答疑解惑，讓我不斷的推翻之前寫的代碼，不斷的優(yōu)化它們（PS:現(xiàn)在可能也還有很多缺陷），我本身也提升了蠻多的，同時(shí)也希望自己的博客或者是代碼能帶給更多人幫助?。。?/p>

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/19311.html

相關(guān)文章

  • 來來來，你可能沒見過這么全的實(shí)戰(zhàn)吧

    摘要：項(xiàng)目地址你沒有見過的終極實(shí)戰(zhàn)。本來我是打算做完就發(fā)文的，但是還是怕沒有效果圖，大家興趣欠佳，所以還是把這個(gè)整站弄出來給大家看一下大概是什么類型的應(yīng)用。 習(xí)慣，后期若有修改會(huì)在此處作全局說明。 前言 作為一個(gè)自認(rèn)為高產(chǎn)博主，我已經(jīng)好久沒發(fā)文了，之前在segmentfault上面發(fā)的文也是刪的差不多了，還是怪我一開始給自己挖坑亂定目標(biāo)，結(jié)果都滯后了，而且也沒有什么動(dòng)靜，反思了好久，決定不做...

    Joonas 評(píng)論0 收藏0

  • 2016年總結(jié) - 收藏集 - 掘金

    摘要：然而這次的文章，就像賀師俊所說的這篇文章是從程序員這個(gè)老年度總結(jié)前端掘金年對(duì)我來說，是重要的一年。博客導(dǎo)讀總結(jié)個(gè)人感悟掘金此文著筆之時(shí)，已經(jīng)在眼前了。今天，我就來整理一篇，我個(gè)人認(rèn)為的年對(duì)開發(fā)有年終總結(jié)掘金又到 2016 Top 10 Android Library - 掘金 過去的 2016 年，開源社區(qū)異?；钴S，很多個(gè)人與公司爭(zhēng)相開源自己的項(xiàng)目，讓人眼花繚亂，然而有些項(xiàng)目只是曇花一...

    DataPipeline 評(píng)論0 收藏0

  • 輪椅上的程序員--夜店傳說

    2019年6月9號(hào)，星期天，晴，33度 今天的bug格外的難解 對(duì)面商店的小姐姐，依然是我不敢奢求的夢(mèng) 我是小蝌蚪，一名低級(jí)前端程序員搬磚六年，一事無成 經(jīng)過這些年的努力拼搏，終于向那些曾經(jīng)看不起我的人證明 ，他們是對(duì)的 今晚又加班到了十二點(diǎn)，身心俱疲公司樓下的夜店又響起了戰(zhàn)歌我就像一個(gè)小丑，穿梭在燈紅酒綠的街路邊的美女和豪車都與我無關(guān)因?yàn)槌绦騿T不允許沾染世俗的煙火 話還沒說完就對(duì)一家夜店著了迷因...

    cpupro 評(píng)論0 收藏0

  • 輪椅上的程序員--夜店傳說

    2019年6月9號(hào)，星期天，晴，33度 今天的bug格外的難解 對(duì)面商店的小姐姐，依然是我不敢奢求的夢(mèng) 我是小蝌蚪，一名低級(jí)前端程序員搬磚六年，一事無成 經(jīng)過這些年的努力拼搏，終于向那些曾經(jīng)看不起我的人證明 ，他們是對(duì)的 今晚又加班到了十二點(diǎn)，身心俱疲公司樓下的夜店又響起了戰(zhàn)歌我就像一個(gè)小丑，穿梭在燈紅酒綠的街路邊的美女和豪車都與我無關(guān)因?yàn)槌绦騿T不允許沾染世俗的煙火 話還沒說完就對(duì)一家夜店著了迷因...

    Sike 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<