React中使用map+area標籤實現img圖片特定區域標記功能（可用Photoshop精準拾取對應點位）
需求描述 前段時間，工作中筆者接到了一個有意思的需求 就是給圖片做特定的交互效果 圖片中有幾個特殊區域 當用户hover特殊區域的時候，高亮 點擊特殊區域的時候，彈框給到一些提示信息 效果圖和線上演示 線上效果演示地址：https://ashuai.site/reactExamples/imagePoint 技術方案選擇 這個需求如果圖片中的特定區域都是矩形 我們完全可以直接
水冗水孚 動態日志
動態
列表
圖文並茂講解nginx中http升級https（部署SSL證書）知識點總結
為何網站要升級為https 原因有以下幾點: 1. 避免瀏覽器的不安全的警告 瀏覽器對於http的網站會在地址欄明確標記【不安全】字樣 這樣直接降低用户對網站的信任度 造成用户流失 甚至可能被用户誤認為是釣魚網站 如下圖，是筆者的網站沒有升級https證書的時候的樣子 升級後的 2. 加密傳輸數據，防止數據泄露 這樣理解，如果我們使用的是http的話，連接了一家咖啡廳的WiF
😱😱😱CPU和內存飆到100%——我的火山引擎服務器被印度的ip惡意植入挖礦程序了！😡😡😡
發現問題 筆者的阿里雲服務器快到期了，前段時間買了一個火山引擎服務器 除此之外，筆者也用騰訊雲服務器 三家雲服務器供應商都挺不錯，各有千秋 今天，筆者忽然發現自己的火山引擎服務掛了 試試winscp遠程登錄不行，使用火山引擎自帶的ECS Terminal也不行 重啓服務器也不行 各種嘗試都不行，沒辦法只能提交一個工單 售後極速響應 不得不説，火山引擎服務器的售後是真的給力
以React+Vite為例實現web項目版本發佈後，通知用户刷新頁面獲取最新資源
需求技術選型 1. 純前端實現——前端輪詢方案 原理：前端定時（如每一分鐘）發送請求（如請求version.json文件），對比本地存儲的版本號與服務器返回的版本號，若不一致則提示更新。 優點：實現簡單（無需後端複雜邏輯，僅需一個靜態版本文件），兼容性極好（所有瀏覽器支持）。 缺點：實時性差有延遲（依賴輪詢間隔）。 適用場景：小型項目、對實時性要求低（如非高頻更新的工具類網站）、快速迭代
Jenkins系統管理頁面錯誤：反向代理設置有誤
Jenkins報錯截圖如下 場景情況 筆者在Linux服務器上部署Jenkins服務 使用1Panel（寶塔的競品）管理Linux服務器 在上面的應用商店安裝Jenkins（docker容器化方式） 如下 這樣的話，通過http的ip端口，就能夠訪問這個Jenkins服務了，比如：http://ashuai.site:29876 而後，為了使用ssl證書，筆者使用nginx在298