前端react redux koa寫的部落格推薦

2021-09-13 17:41:02 字數 1015 閱讀 1275

曾經用的php+mysql+js寫的部落格,現在看來已經很low了,所以用目前最火的

react+koa框架重構一下。

先上位址吧:目前線上版本要想看到最新版本和**,請看github位址

因為部落格正在開發中,部分功能可以使用,因為還沒有優化,首屏可能有點大,大概10幾秒,後面會慢慢修改的,嘿嘿

react+react-router+redux+antd+axios+webpack+es6+koa

,

"scripts": ,

"devdependencies":

}

在前端三大框架的選擇,angular,react,vue,使用了前端最為流行的react框架,其實當時可以用vue,

因為公司用的vue也比較熟悉,用的比較多,也簡單快速,沒有接觸過react的我,只聞其牛,也給自己乙個挑戰,學習其中的思想,

angular是因為在github的star遠遠落後於前兩者,當然後面會了解它,目前就用react了配合用了阿里的antd。

重構部落格嘛,以前用php寫的後台,所以略懂一些,作為乙個前端開發,目標就是全棧嘛,選用了最為流行的node,也用了目前最為流行的koa作為

後端配合mysql。

部落格,那當然要進行發表文章和修改文章,我選用了markdown語法,

借助了marked庫。

文章發布和文章修改,因為文章可能比較長,還有問題就是存入資料庫的時候

有特殊字元需要更改,所以有時候會失敗,正在修改中......

1.轉殖**

git clone
2.進入後端啟動服務,當然要安裝資料庫mysql了

cd koa2-router-demo

npm install

npm start

3.進入前端檔案

npm install

npm start

注意:先啟動node後端服務,再啟動前端,因為前台需要後端提供的資料服務嘛。

前端隨筆初識前端

接上章 table tr 行 td 列 width 的寬度 height 的高度 border 的邊框 cellspacing 單元格與單元格之間的間距 預設大約是2畫素 cellpadding 單元格與內容之間的空隙 預設值是0 bgcolor 背景顏色 bordercolor 邊框顏色 alig...

cursor的十八種樣式 前端前端前端

預設游標 通常是乙個箭頭 cursor default 3.auto 預設。瀏覽器設定的游標。cursor auto 4.crosshair 游標呈現為十字線。cursor crosshair 5.pointer 游標呈現為指示鏈結的指標 乙隻手 cursor pointer 6.move 此游標指...

前端隨筆初識前端HTML

html語言分成兩部分 標籤 標記,元素 長在尖括號後面的第乙個單詞 屬性長在標籤後面,用空格隔開的那個單詞 html檔案分成兩部分 頭部head,放描述性資訊 主體body,放可見的內容 結構 html標籤分成兩種 常規標籤 雙標籤 標籤名 屬性1 屬性值1 屬性2 屬性值2 內容 標籤名寫在尖括...