原创 開源⚡ auto-deploy-app自動化構建部署工具 前言 How to use Just do it 總結 後續規劃
前言 內部開發部署 當前開發部署流程中，主要藉助git-lab ci + docker compose實現，大致流程如下： 基於dev創建目標功能分支，完成功能實現和本地測試 測試穩定後，提交合並至dev分支，觸發dev對應runner，
2021-01-11 21:34:47
原创 前端docker自動化部署 前言 構思 升級前的準備 升級 使用 最後
前言 前段時間學習了docker相關的內容，docker可以實現數據隔離、跨平臺等，加快項目後續部署。 在瞭解docker部署流程後，學習了CI/CD的概念，通過對gitlab及docker的 簡單配置即可實現持續集成，大幅提高生產效率。
2020-08-12 14:12:48
原创 從零開始 React Hook 實現在線壁紙網站 前言 效果展示 開始 使用 結語
更新 🎉圖片現已支持 -多分辨率- 下載（Safari暫不支持） 🎉適配PC、Pad、Phone多種分辨率設備，持續更新中！ 前言 前段時間學習了React的相關知識，嘗試使用Class Component和 Hook兩種方式進行項目實踐，
2020-07-13 13:30:26
原创 Vue Cli 3.0實現打包後直接訪問
前言 默認情況下，使用 npm run build 打包後的 index.html 無法直接訪問，需要nginx轉發或使用node啓用簡單http serve實現。 實際開發中，有時需臨時打開前端項目，若可以直接打開打包後的文件，對某
2020-06-15 21:00:34
原创 響應式導航欄實現
前言 最近想實現定製化的響應式頂部導航欄，即支持主流設備的正常訪問（Phone、Pad、PC），並根據屏幕比例實現對應的顯示效果。 曾嘗試使用以下方式 Element UI提供的導航欄（樣式單調，沒有響應式效果） BootStrap
2020-06-15 21:00:34
原创 從零開始 Node實現前端自動化部署 從零開始 效果展示 前言 開始 使用
從零開始 更新： 🎉現已支持添加多個配置信息，自動化部署時支持選擇配置信息運行 🎉現已支修改服務器連接端口，支持ssh私鑰及解密密碼連接（ps：不使用此方法時，請註釋privateKey） 🎉現已更新模塊引用邏輯，遠端備份時間格式改爲 yy
2020-06-15 21:00:34
原创 前端AES + RSA加密 前言
前言 在數據傳輸過程中，可能存在數據被竊取的安全隱患（主要http）。 對於安全需求較高的項目而言，加密是保證數據安全的最直接的方式。 加密是指將明文通過加密算法和加密密鑰轉爲密文 解密是指將密文通過解密算法和解密密鑰轉爲明文
2020-06-15 21:00:34
原创 Node後臺開發
前言 有時需要實現對公網接口進行轉發的操作，使用Java + SpringBoot可能會變得簡單需求變得更加繁瑣，針對這種輕量級後臺開發，Node.js不失爲一種優秀的解決方案。 對於前端開發人員，使用原生JS + Node.js即可實現
2019-07-28 16:11:28
原创 CSS實現圖片分佈
flex實現 圖片分佈式佈局 HTML部分 <div class="random-layout-box"> <div class="box-one"> <div class="box-top">
2019-07-17 14:50:53
1
原创 FileReader解析圖片（Base64格式）
有時需要將小圖片轉化爲base64格式保存使用，可使用以下方式 不推薦轉化較大的圖片，較大圖片轉化後編碼較長，JSON.stringify()可能會失敗！ // 查看瀏覽器是否支持該解析方式 fileReaderImage () {
2019-06-28 15:32:25
原创 數據庫踩坑總結
MySQL相關 MySQL設置外鍵關聯時，應將數據庫引擎設置爲 innoDB 設置CASCADE爲級聯操作 不要用order作爲表名，在JPA等中可能會出現無法成功對order表操作 未完待續
2019-06-28 15:32:25
原创 Vue Nginx部署
在服務器上部署vue項目 並使用 前提：保證服務器已安裝Node.js Nginx // 查找Nginx目錄 $ whereis nginx // 進入nginx目錄 $ cd /usr/local/nginx // 進入conf/v
2019-06-28 15:32:25
原创 簡單JS工具類
寫在前面 在開發中，將實現特定功能的代碼可獨立爲工具類，當其它頁面需要使用時，直接引入即可。 時間工具類 // 時間相關處理 timeUtil.js // 時間戳轉化爲標準時間顯示 function timeStampTransform
2019-06-28 15:32:25
原创 Vue中Axios簡單使用
在vue中使用axios axios文件定義（可定義請求方式、請求頭參數，實現添加攔截器操作等） // 目錄爲src/api/axios.js import axios from 'axios'; const baseUrl = 'h
2019-06-28 15:32:25
原创 Vuex簡單上手
Vuex Vuex是Vue.js應用的狀態管理模式 目前開發項目中，主要用於保存組件狀態，保證兄弟組件間的通信。 首先在main.js中引入store import Vue from 'vue' import App from '.
2019-06-28 15:32:24