原创 使用nodejs動態生成網站sitemap.xml 優化抓取 —— SEO優化 原

主要講一下如何用Nodejs + express + sitemap.js 來動態生成 sitemap.xml。 自己的博客前端動態生成 sitemap.xml 來讓搜索引擎（google_site:diamondfsd.com）抓取，生成

2018-12-02 21:18:07 96

原创 Vue2 + Nodejs + WebSocket 完成你畫我猜多人在線遊戲 原

使用 websocket + vue2 即可完成一個很有意思的在線遊戲作品。 你畫我猜，相信大家對這個遊戲都很熟悉。 我用Vue2 + mint-ui + nodejs + websocket 實現了你畫我猜這個遊戲。 建議移動端打開效果更

2018-12-02 21:18:04 6

原创 Spring MVC 更靈活的控制 json 返回（自定義過濾字段） 原 薦

這篇文章主要講 Spring MVC 如何動態的去返回 Json 數據 在我們做 Web 接口開發的時候， 經常會遇到這種場景。 兩個請求，返回同一個對象，但是需要的返回字段並不相同。如以下場景 /** * 返回所有名稱以及Id */

2018-12-02 21:18:03

原创 當我在寫一個評論通知功能的時候， 我在想些什麼？ 原

最近忙完了公司的事情，在空閒時間，來更新一下自己的博客了。現在博客在我個人博客在自己的努力推廣下，終於有了一些訪問量（屈指可數），有一些朋友會回覆一些文章進行詢問和探討。 由於沒什麼時間，一直沒有完善評論功能，還必須每次登陸後臺才能知道有沒

2018-12-02 21:18:01

原创 使用 Caddy 替代 Nginx，全站升級 https，配置更加簡單 原

Caddy 是什麼？ Caddy 是一個多功能的 HTTP web服務器，並且使用Let's Encrypt提供的免費證書，自動讓網站升級到HTTPS Every Site on HTTPS Caddy is a general-purp

2018-12-02 21:18:01 41

原创 前端性能優化之 —— 圖片延遲加載 (原理以及實現方式) 原 薦

前端開發的時候，有些列表頁面可能會有很多圖片需要加載。一次加載太多圖片，會佔用很大的帶寬，影響網頁的加載速度。 這時候我們想到一種方式，讓用戶瀏覽到什麼地方，就加載該處的圖片。 這裏寫了一個簡單的例子，大家可以去體驗一下，當然這裏考慮到的是

2018-12-02 21:18:01 1

原创 使用webpack+vue+less開發，使用less-loader，配置全局less變量 原 薦

Less 是一門 CSS 預處理語言,它擴展了 CSS 語言,增加了變量、Mixin、函數等特性，在閱讀這篇文章的時候，筆者假設你已經有了一定的less編碼經驗。以下將不會講解less的用法。 我們在構建一個頁面的時候，會定義一些基本參數，

2018-12-02 21:18:01

原创 使用 GitHub OAuth 第三方驗證登錄 原 薦

現在很多站點都支持第三方登錄功能。 作爲一個技術博客，目標受衆項是一批程序員，第三方登錄的就選中了github。 這篇文章注意是講一講如何給自己的博客添加github自動登錄功能。 OAuth 2.0 說到第三方登錄，不得不提的一個知識點就

2018-12-02 21:18:01 1

原创 通過 Github-Webhook 實現的輕量級自動化構建Nodejs微服務 原 薦

我想要實現這樣的功能，只要我 push 代碼到 github倉庫中，那麼我的服務器就會自動執行預先寫好的腳本。 類似於： 拉取最新代碼 更新項目依賴 編譯 重啓項目 有很多持續集成工具都可以實現這樣的功能，可是我的服務器內存小呀，沒那麼

2018-12-02 21:18:01 1

原创 蹭一波最近的熱度，我們是誰？ 在線生成 原

主要就是用一張空白的圖，然後使用canvas把用戶輸入的文字畫上去，比較簡單。 就這樣的界面， 訪問地址 https://who.diamondfsd.com PC端 移動端

2018-12-02 21:18:01

原创 Spring MVC 通過切面，實現超靈活的註解式數據校驗 原 薦

這篇文在主要是介紹，如何在 Controller 的方法裏面，讓校驗註解 ( @NotNull @Email @Size...等)，對基本類型的數據生效（基本類型 Integer,String,Long等）。 Spring MVC 有什麼校

2018-12-02 21:18:01

原创 Lombok 註解說明 原

val        自動識別參數類型，會定義一個局部final的變量     例如 val  a = new ArrayList<String>();  相當於  final ArrayList<String> a = new Array

2018-12-02 21:17:59 4

原创 Let's Encrypt 使用教程，免費的SSL證書，讓你的網站擁抱 HTTPS 原 薦

這篇文章主要講的就是如何讓自己的網站免費從HTTP升級爲HTTPS，使用的是 Let's Encrypt的證書。實際上也就是一個Let's Encrypt 免費證書獲取教程 。 爲什麼要上HTTPS，說一個小故事。 從前有個網站，後來有個

2018-12-02 21:17:59 2

原创 有哪些能力很重要，卻是多數人沒有的？ 轉

如果讓你選擇，你認爲人最重要的能力是什麼？努力、上進、幽默感？抑或是聊天、勾搭、約妹子？除了這些，生活中還有很多能力很重要，但是多數人卻並不具備。 哪些能力很重要，卻是多數人沒有的？ 作者：Abhishek Padmasale,領英用戶（

2018-12-02 21:17:59 2

原创 用 Vue + Audio API 實現的熱門小遊戲，八分音符 原

預覽地址： https://8.diamondfsd.com/ （谷歌瀏覽器打開最佳，不支持移動端，不支持IE） 會有麥克風權限申請，需要允許纔可以正常玩耍，如果不小心點了禁止，可以在瀏覽器地址欄的右邊，重新點擊允許 Github:

2018-12-02 21:17:58 1