本文是筆者在實際中具體遇到的場景，從中提取具體的核心的部分，使用前後指針進行性能優化的具體案例 開發需求場景 前段時間，筆者在做代碼Review的時候，發現了一個需求的前端實現方案不太優雅 組員選擇使用了循環加切割的方案去處理這個字符串 筆者最終將其改為，使用快慢指針的方式，讓其變得更加優雅，性能更佳 需求描述 後端有一個字段返回一篇中文文章的具體內容 比如有一個artical文章
需求開發場景 在説docker之前，我們先來看看一般的需求開發和部署場景，是否需要安裝node 需求開發部署場景 開發環境，我們使用windows或mac，開發前端項目，正常來説，都是要安裝好對應node版本 ，使用node提供的npm包管理（構建）工具【除非是一個簡單的只有hello world的html文件不用node】 生產環境，要發佈到服務器上 1. 靜態SPA單頁面應用部署 服務器
為何使用docker-compose進行GitLab的部署安裝 原因：docker-compose便於對GitLab 容器進行資源控制進行（如優化節省服務器資源、便捷刪除等） GitLab本身是一個笨重的應用服務，一般來説，需要4核CPU和8GB內存才能正常運行，再低一些也行，不過需要把gitlab自帶的一些功能服務給進行優化，比如有： Puma Worker Processes
本文通過一個具體的動畫需求，來講解一下js中animationend事件使用 在線演示效果一：https://ashuai.site/reactExamples/animationEvent 在線演示效果二：https://ashuai.work:8890/27 前言 平常，我們代碼中，會做一些事件的監聽 比如點擊事件、右鍵事件、滾動事件等 實際上，js中還提供了動畫事件的相關ap
每天學點知識點，每天進步一點點，本文記錄了高度過渡變化的四種方式，大家一塊來查漏補缺，或者回顧知識吧😉😉😉 常見的四種方式的高度過渡 目前常見的高度過渡的方式有四種 transition + height transition + max-height transition + tranform:scale(0/1) JS方式計算元素的高度 實際上，還有一個height: c
需求描述 前段時間，工作中筆者接到了一個有意思的需求 就是給圖片做特定的交互效果 圖片中有幾個特殊區域 當用户hover特殊區域的時候，高亮 點擊特殊區域的時候，彈框給到一些提示信息 效果圖和線上演示 線上效果演示地址：https://ashuai.site/reactExamples/imagePoint 技術方案選擇 這個需求如果圖片中的特定區域都是矩形 我們完全可以直接
為何網站要升級為https 原因有以下幾點: 1. 避免瀏覽器的不安全的警告 瀏覽器對於http的網站會在地址欄明確標記【不安全】字樣 這樣直接降低用户對網站的信任度 造成用户流失 甚至可能被用户誤認為是釣魚網站 如下圖，是筆者的網站沒有升級https證書的時候的樣子 升級後的 2. 加密傳輸數據，防止數據泄露 這樣理解，如果我們使用的是http的話，連接了一家咖啡廳的WiF
發現問題 筆者的阿里雲服務器快到期了，前段時間買了一個火山引擎服務器 除此之外，筆者也用騰訊雲服務器 三家雲服務器供應商都挺不錯，各有千秋 今天，筆者忽然發現自己的火山引擎服務掛了 試試winscp遠程登錄不行，使用火山引擎自帶的ECS Terminal也不行 重啓服務器也不行 各種嘗試都不行，沒辦法只能提交一個工單 售後極速響應 不得不説，火山引擎服務器的售後是真的給力
本文圖文並茂，記錄安裝 Ollama過程，下載大模型，啓動ollama大模型服務，然後通過nginx代理外部請求訪問，實現一個前端問答效果 準備工作 一台服務器，操作系統 Ubuntu，版本大於等於 20.04，筆者的是 Ubuntu 22.04 64 bit 當然了 有域名最好 一個圖形可視化化鏈接服務器軟件，筆者推薦 winscp 一架梯子，筆者用的是，clash小貓 效果圖 效
需求技術選型 1. 純前端實現——前端輪詢方案 原理：前端定時（如每一分鐘）發送請求（如請求version.json文件），對比本地存儲的版本號與服務器返回的版本號，若不一致則提示更新。 優點：實現簡單（無需後端複雜邏輯，僅需一個靜態版本文件），兼容性極好（所有瀏覽器支持）。 缺點：實時性差有延遲（依賴輪詢間隔）。 適用場景：小型項目、對實時性要求低（如非高頻更新的工具類網站）、快速迭代
Jenkins報錯截圖如下 場景情況 筆者在Linux服務器上部署Jenkins服務 使用1Panel（寶塔的競品）管理Linux服務器 在上面的應用商店安裝Jenkins（docker容器化方式） 如下 這樣的話，通過http的ip端口，就能夠訪問這個Jenkins服務了，比如：http://ashuai.site:29876 而後，為了使用ssl證書，筆者使用nginx在298
需求描述 最近有一個需求，就是用户説，不習慣使用tab鍵做輸入框input的光標切換 （tab鍵盤沒法回到之前的input光標，只能走了一圈後再回到原點那種） 用户喜歡使用上下左右鍵，來進行輸入框切換 基於這個需求下，便有了本篇文章的示例 示例演示網站：http://ashuai.work:8890/30 github：https://github.com/shuirongshuif
DevTools remote debugging requires a non-default data directory. Specify this using --user-data-dir. Created TensorFlow Lite XNNPACK delegate for CPU. 上述標題是控制枱完整報錯 問題描述 筆者使用Python 3.12.8的selenium =
他們朝我扔泥巴，我拿泥巴種荷花；他們朝我扔巴巴，我用巴巴敲代碼，哦哦哦哦哦... 需求描述 有一個MP3音頻文件，在播放的時候，需要展示對應的字幕給到用户 即為需要做到視頻和音頻同步的效果 如下效果圖 演示地址：http://ashuai.work:8890/19 字幕文件的種類 常見的字幕文件，有三種 1. SRT格式（SubRip Subtitle） 最常見的字幕格式，包含了字幕
需求描述 服務器或者自己的電腦，在開機啓動的時候 想要自動打開一些軟件或者服務 比如服務器電腦重啓後 要打開nginx服務、express接口服務、python服務，順帶打開Edge瀏覽器 這個需求可以使用Windows操作系統的Startup文件夾搭配bat腳本實現 Windows操作系統的Startup文件夾 什麼是Windows操作系統的Startup文件夾？ Startu
報錯問題描述 新電腦，新安裝的nvm用來進行node版本的管理 nvm下載安裝地址： 使用nvm去下載對應版本的node下載失敗，SSL/TLS握手超時超時 報錯截圖如下： 報錯原因解析 nvm下載安裝node版本，是通過 https://nodejs.org/dist/latest-v19.x/SHASUMS256.txt 這個網站進行版本獲取信息對應下載的 網站截圖如下：
需求描述 最近產品説，某個el-table要實現按住shift鍵快速勾選功能 大概就是仿windows系統的文件shift按住選中功能 反正就是儘可能多的讓用户勾選 方便用户快速勾選操作 github完整代碼：https://github.com/shuirongshuifu/vue3-echarts5-example Windows系統的功能效果圖 比如可以向前多選 或者向後多
本文通過標題中的幾個問題功能，提供一些代碼（包括接口，用於複習一下文件操作相關的知識） 問題一 FormData無法直接console.log出來 問題復現 如下代碼： script const formData = new FormData() formData.append('name', '孫悟空') formData.append('age', 50) f
概念的東西，先簡單過一下，留個印象，主要是文章後方的項目中的應用 什麼是批處理文件 批處理文件是指文件後綴名是.bat或.cmd的文件 批處理文件中可以去編寫很多命令，用於給電腦自動執行 觸發條件就是雙擊這個.bat或.cmd文件 即會自動執行文件中的命令，從而實現我們想要的效果 批量處理一些命令——即為：批處理文件 就前端而言，我們常常會在vscode的終端去執行一些命令 或者gi
本文略長，建議收藏，文末會附上完整前後端代碼（vue2vue3+springboot） 湊合算是一套解決方案吧😁😁😁 前端vscode大家都有，後端大家需要下載一個idea，搞一下maven，這一點可以請後端同事幫忙 對於普通的單個的大文件上傳需求，應該可以應對 筆者本地測試，兩三個G的大文件沒有問題，線上嘛，你懂的 大文件上傳問題描述 問題背景 筆者的一個好
題目描述 給你一個字符串s，根據下述規則反轉字符串： 所有非英文字母保留在原有位置。 所有英文字母（小寫或大寫）位置反轉。 返回反轉後的s 。 示例 1： 輸入： s = "ab-cd" 輸出： "dc-ba" 示例 2： 輸入： s = "a-bC-dEf-ghIj" 輸出： "j-Ih-gfE-dCba" 示例 3： 輸入： s = "Test1ng-Leet=code-Q!" 輸出：
使用方式 看名稱樣式效果圖，有沒有和自己想要的效果類似的 有的話，複製粘貼代碼使用，也可以自己修改一下 css效果並不是特別難，只是有時候我們可能想不到 筆者空閒時間，會繼續更新的哦，點贊關注不迷路**^_^** 代碼github倉庫：https://github.com/shuirongshuifu/interestingCSS 1\_鼠標懸浮文字陰影跳動 2\_鼠標懸浮文字底部出
Console對象 js中也有萬物皆對象的定義，所以我們常用的console也是一個對象，自然是對象，那麼其身上就會自帶一些方法和屬性。大家F12打開控制枱以後，直接輸入console回車，就可以看明細啦，如下圖： 本文記錄一下常用的console的api，細節來自於官方文檔：Chrome DevTools中文手冊：https://leeon.gitbooks.io/dev... 裏面還有其他很
本文記錄一下在小程序項目中使用iconfont-阿里巴巴矢量圖標庫的步驟流程，忘了時候可以看看 第一步，訪問網站並登錄 網站地址：https://www.iconfont.cn/ 登錄（註冊）略過... 第二步，搜索所需圖標，並加入購物車 圖一： 圖二： 圖三： 圖四： 第三步，選擇Font class形式，並生成代碼 圖一： 圖二： 圖三：
