原创 Spring筆記1——極簡入門教程

環境準備 系統:MacOS 開發:IntelliJ IDEA 語言:Java8 其它:Mysql、Redis 腳手架代碼 Spring提供了一個創建項目腳手架的官網,在這裏可以直接定製項目的框架代碼。例如: 注意:在Dependenc

原创 Ghost配置6——首頁太陽系動畫效果

最近在逛知乎時,意外發現了一組CSS效果,其中一個太陽系運行的動畫吸引了我。於是我決定把這個效果加到個人博客的首頁頭部中來。 修改首頁 首頁對應的文件是index.hbs,找到其中的header內容,並修改爲: <header class=

原创 Flutter嚐鮮3——動畫處理<並行和串行>

本例的代碼參考這裏。 並行動畫 當多個動畫定義同時指向某個組件,並使用動畫控制器啓動時,就產生了並行動畫(Parallel Animation)。例如我們可以讓一個組件: 移動的同時改變大小 旋轉的同時邊界顏色閃爍 圓形圖片模糊的同時形

原创 Flutter嚐鮮2——動畫處理<基礎>

本例的代碼參考這裏。 概述 動畫處理的基本原理是,對組件(widget)的某個或某組屬性設置一組連續變化的值,這些值在一定時間間隔內不斷被應用到該屬性上,使得組件的外觀看上去在進行平滑而連續的變動。 例如2秒內每隔0.1s將一個組件的x軸座

原创 Flutter嚐鮮1——3步驟使用自定義Icon

官方Icon Flutter本身自帶了MaterialDesign的圖標集,在pubspec.yaml中有如下配置 ... flutter: users-material-design: true ... 通過以上配置,就可以在代碼中引

原创 運維記錄1——解決在Nginx下部署CRA項目,二級目錄不能訪問的問題

如果從頭開始搭建React項目,create-react-app通常是開發者的首選。畢竟不是誰都有精力去了解WebPack的複雜配置,而CRA將配置隱藏開箱即用的特性必然會受到普遍歡迎。 根目錄訪問 到了部署階段,我通常使用nginx作爲w

原创 JS使用技巧2——momentjs太重了嗎?試試dayjs和miment吧

關於時間的操作,一直在使用momentjs這個庫。方便靈巧,功能強大。唯一的缺點是,對於前端HTML來講,它的包太太太太太大了。 我是momentjs的重度用戶,但它的大小時刻都在折磨人。雖然方便高效,可這動輒200K的大小,對於首頁加載速

原创 Ghost配置5——添加歸檔頁面

用了一個來月,總體來講Ghost是令人滿意的。雖然界面可配置化程度不如WordPress,但一些小的功能定製起來也非常容易。例如添加一個歸檔頁面。 添加靜態頁面 在ghost博客中,每一個發表的文章都會有一個對應的URL地址。如果你不想讓它

原创 Electron + Antd + Mobx 環境搭建

最近要重構一版桌面管理軟件。業務需求與WEB版基本一致,但需要用到斷點續傳等本地功能。最經濟的辦法當然是移植到Electron環境中。之前的應用框架主要用到了以下React套餐: React React-Router 路由 Mobx 數據

原创 JS使用技巧1——使用fast-json-stringify代替JSON.stringify.md

使用JSON.stringify的思考 使用過JSON對象的程序員最常做的一項工作便是,將JSON對象轉化爲字符串。該字符串的用途很多,例如可以使用在WEB的URL中,在多個頁面間進行傳遞。 const obj = { id: 1, nam

原创 Node項目的Gitlab自動部署實踐(基於Docker)

準備工作 說明 公司最近準備了一臺新的開發服務器,正好用以實踐docker的基本應用。docker的好處不再贅述,詳情可參考阮一峯的這篇入門。(關於Docker最好的中文介紹,沒有之一)。 公司目前主要使用了EggJs + ReactJS的

原创 Ghost配置4——添加網站統計

作爲一個獨立博客,即使沒有人欣賞,統計功能也應該像模像樣的做起來。 在Ghost博客上添加了評論組件後見這裏,發現在1.20版本後Valine框架還添加了訪問統計的功能,順便就參照着說明一頓猛如虎的操作。 然而一直都沒有成功。參照着官網的說

原创 Ghost配置3——添加評論系統

用上Ghost發表第一篇文章以後,突然意識到一個問題,這貨沒有評論系統? 看了下官網的說明,他們把主要精力都放在了博客系統的基礎功能上,對於周邊功能可以通過引入第三方功能來實現。例如代碼的高亮問題,就可以使用highlight.js等組件來

原创 Ghost配置2——添加代碼高亮

使用Ghost的初體驗,主題外觀都很滿意,除了代碼段的顯示效果。 沒有代碼高亮,這效果怎麼說呢?就像是使用了文本編輯器在寫代碼,說不上離經叛道,但就是從心底覺得一個字:土。 用Ghost加高亮做關鍵字,能搜出一大堆的代碼高亮方案。不過在Gh

原创 Ghost配置1——刪除社交Link

搭建個人博客,我找了很多開源的產品。從重型的WordPress到一些輕量級的產品如solo,都挨個試了個遍。要麼就是功能過重,要麼功能單一,要麼界面醜陋。 網絡上搜了很久,偶然發現了Ghost博客,尤其是它的casper主題,非常的對我胃口