Blog 技術選型

AtomG發表於2019-10-04

技術選型

此前一直都是用 WordPress小白化生成的部落格系統寫文章,這個學期隨著對前端技術的瞭解,便萌發了用手擼一個個人網站的想法。說幹就幹,於是便開始了偉大征途的第一步——技術選型。

因為之前有嘗試過用mpvue開發小程式,技術選擇就是圍繞著vue來進行的,在瀏覽了大量的資料後,我的選用的技術就確定了下來:

前端:

  • Vue: 是一套用於構建使用者介面的漸進式 js 框架。
  • Vue-route: 是 vue 的官方路由,用於頁面和元件間的跳轉
  • Vux: 用於 vue 的統一狀態管理模式,用來管理整個應用的資料
  • Axios: 用來進行網路通訊
  • iView: UI元件庫
  • mavonEditor Markdown編輯器

後端:

  • node.js: 對我就是想嘗試一下用 js 寫後臺
  • koa2: 基於 Node.js 平臺的下一代 web 開發框架,用 async 優雅的解決了回撥地獄
  • mongoose: koa 上操控 mongodb 的中介軟體

簡介

本部落格完全採用前後端分離,至於為什麼,前後端分離的好處網上一大堆,很容易實現多前端通用後端,啥啥啥的,對於我而言,其實是我不喜歡寫不分離的,一點都不優雅。

我以前已經用過 Django 寫過一個後臺了,但是用它來寫純粹的 REST API 感覺實在是殺雞焉用牛刀了,這次就想用一個輕量化的平臺,雖說是想學習一個新平臺,可是也不能直接換一個完全不熟悉的語言,步子太大容易扯到*,那就順理成章的選擇了 node.js 平臺。

node.js 其實就是一個能讓你在瀏覽器環境之外執行 JavaScript 的平臺,有了它之後 JS 就能用來在伺服器中寫後端程式碼了。和 Django 相比,它具有輕量簡潔,程式碼簡單,可併發性高,很適合用來編寫 REST API 後端。

然後又挑選了一下web框架,淘汰掉已經過時的 express ,原班人馬編寫的 koa2 映入眼簾。 koa2 你說他優點是簡潔無任何捆綁中介軟體吧,每一個功能都要自己去找中介軟體其實真的很麻煩啊! 不過已經有很多前任挑選好的精華直接拿來用就可以了。在後端介紹中會介紹這些中介軟體。

關於前端,其實部落格這種展示型的網站用 Vue 並不是很好的選擇,較長的首屏載入時間很容易失去你,採用前後端分離也不利於搜尋引擎的 SEO ,不過暫時的技術棧就這樣了,本來寫這個網站的緣由就是想練習一下 Vue 。後期的話考慮用 TypeScrapy 重構一下,然後可以用NEXT靜態化頁面提高首頁載入速度和有利於搜尋引擎收錄,TypeScrapy又是一個大工程了,不過聽說很好用,寫完第一個版本就可以用來試試

Welcome to my Blog

相關文章