摘要:前言之前有發(fā)過這個項目的文章了,根據(jù)朋友的建議改變了博客的樣式,也增加了一些新功能,下面完整地介紹這個博客項目。
前言
之前有發(fā)過這個項目的文章了,根據(jù)朋友的建議改變了博客的樣式,也增加了一些新功能,下面完整地介紹這個博客項目。文末附前端實習求職簡歷
項目簡介簡要介紹:一個前后端分離的項目
主要技術(shù)棧:vue全家桶 + node.js + Express + Mongodb
github地址: vue博客內(nèi)容管理系統(tǒng)
項目線上地址: FatDong的博客 --- www.xuhaodong.cn
文章通過標簽分類
存為草稿,草稿和文章可以隨時切換
文章目錄,與segmentfault生成的目錄效果相似
最近更新,首頁展示最近更新的三篇文章
搜索文章,輸入標題的部分內(nèi)容即可搜索相應(yīng)文章
評論過濾評論,太長、太短、含QQ群號的評論將無法發(fā)布
郵件通知,如果有人回復評論,會通過nodemailer來發(fā)送通知郵件
頭像功能,訪問者和站長分別用不同的頭像來區(qū)分
點贊功能,點贊情況記錄在瀏覽器的localStorage里,下次訪問會還原點贊情況
防止重名,同一篇文章中不會出現(xiàn)評論者重名的情況,當然同一個人可以多次評論
排序評論,排序依據(jù):最新、最早、最熱
用localStorage記錄郵箱和昵稱,下次訪問不用重新輸入
markdown編輯器(marked)
過濾標簽
去除首尾空格
輸入相同的標簽將彈出模態(tài)框警告并自動刪除,使用數(shù)據(jù)驅(qū)動視圖更新的思想將所有標簽放在一個數(shù)組,添加和刪除標簽都是對數(shù)組進行操作
自定義快捷鍵
切換預覽模式
代碼高亮顯示,使用hightlight.js進行代碼高亮顯示
提醒保存,沒有保存就離開頁面前會彈出模態(tài)框確認
賬戶
權(quán)限驗證
前臺使用vue-router的beforeEach進行驗證
后臺使用jwt實現(xiàn)基于token的身份驗證
修改賬號和密碼
密碼加密,使用sha1加密算法,用csprng生成的隨機鹽
頁面特效
canvas粒子效果(移動端取消)
鼠標追隨粒子效果
單擊取消展示粒子效果,重新點擊隨機切換粒子效果的顏色
鼠標離開頁面后,粒子效果開始規(guī)則運動
平滑回到頂部
點擊文章段落標題,平滑滾動到錨點
向下滾動時,動態(tài)展示dom節(jié)點
底部自動加載loading
網(wǎng)站頂部圖片改變景深
其他功能適配移動端。使用flex布局、rem以及百分比布局去適配移動端,實現(xiàn)響應(yīng)式布局
下面是移動端的演示
添加SSL證書,使用更為安全的https協(xié)議
使用nginx進行反向代理
服務(wù)器使用linux系統(tǒng),學習了一些linux的知識
收獲更加了解一個項目從前端到后端的流程,可以更好地和后端人員對接
可以加深對webpack、Vue、vuex、vue-router、vue-resource的使用
最后最近在找前端暑假實習,這是我的在線簡歷 --- job.xuhaodong.cn,謝謝?
本文已同步到我的博客www.xuhaodong.cn
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/19002.html
摘要:前言之前有發(fā)過這個項目的文章了,根據(jù)朋友的建議改變了博客的樣式,也增加了一些新功能,下面完整地介紹這個博客項目。 前言 之前有發(fā)過這個項目的文章了,根據(jù)朋友的建議改變了博客的樣式,也增加了一些新功能,下面完整地介紹這個博客項目。文末附前端實習求職簡歷 項目簡介 簡要介紹:一個前后端分離的項目主要技術(shù)棧:vue全家桶 + node.js + Express + Mongodbgithub...
摘要:采用快速掌握核心知識解決實際問題中補充的方式。讓每一行代碼都能給自己帶來價值,才是每個碼農(nóng)應(yīng)該有的思維,而不是成為一個職業(yè)碼農(nóng)。不過做個人博客有一個重要的價值便是在你做成之后可以部署上線讓它成為自己在互聯(lián)網(wǎng)的基地。 勤學似春起之苗,不見其增,而日有所長 如果你一直想學python,但是不知道從何入手,那么就不要猶豫了。這篇文章就是我的python新實戰(zhàn)計劃可能適合你。 學習 Pytho...
摘要:搭建個人博客很久以來就特別想搭建一個,但是都是由于技術(shù)原因沒有搭建起來。學習,并對代碼進行重構(gòu)。因為整個博客要完整的從項目構(gòu)建到項目上線的確比較繁瑣,這里只是給想要試試與一個代碼參考。 vue+koa+mongodb 搭建個人博客 很久以來就特別想搭建一個blog,但是都是由于技術(shù)原因沒有搭建起來。以前學習github的時候準備采用github與hexo來搭建。但是后來想了一下自己也在...
摘要:最后感謝各位的觀看如果有什么意見或者建議的話還望多多指教感謝如果感覺我的博客還過得去的話還請給個鼓勵一下作者嘿嘿。 一直以來都想用自己的技術(shù)做一些個人項目, 之前的博客是基于 hexo 搭建, 感覺啥都是別人幫你寫好了, 于是便決定自己搞一個, 斷斷續(xù)續(xù)地弄了一段時間, 也總算是完成了個簡單版本并部署上線. 博客線上地址 博客地址:cykspace 博客后臺:cykspace-node...
閱讀 3012·2021-11-22 12:06
閱讀 599·2021-09-03 10:29
閱讀 6526·2021-09-02 09:52
閱讀 2013·2019-08-30 15:52
閱讀 3411·2019-08-29 16:39
閱讀 1190·2019-08-29 15:35
閱讀 2061·2019-08-29 15:17
閱讀 1416·2019-08-29 11:17