博客 / 列表

農民工前端 - PowerShell腳本實現|從文件夾動畫序列中均勻選取關鍵幀（保留首尾幀）

1. 問題概述 我們經常需要從動畫序列中選取關鍵幀，例如： 文件名：進度條_00000-min.png 到 進度條_00099-min.png（共100幀） 需求：保留首尾幀，並均勻選取中間幀，總共保留32張 **實現效果： ** 開始效果 實現效果 2. 兩種實現方案 方案一：自動計算法（推薦） 計算原理 總幀數 = 結束幀 -

關鍵幀 , vue.js , 文件名 , 進度條 , 前端開發

農民工前端 - 基於Element UI的級聯選擇器實現：子父節點異構名稱映射與無子級數據優雅處理方案

摘要 本文詳細介紹了一種在Vue.js+Element UI環境中實現的級聯選擇器解決方案，重點解決以下兩個技術難點：1)父子節點顯示字段名稱不一致時的映射轉換問題；2)無子級數據時的友好提示與交互控制。方案通過動態懶加載與數據轉換機制，實現了異構數據源的統一展示與空狀態管理。 效果展示 技術背景 在企業級前端開發中，級聯選擇器是處理層級數據的常用組件。Elemen

vue.js , 字段 , 前端開發 , 子節點 , Javascript

農民工前端 - 動態生成 CSS 工具類：CSS函數實現 `pad20-top`、`pad40-bottom` 等靈活樣式

在前端開發中，經常需要為元素設置不同的 padding 或 margin 值。如果每次都手動編寫 CSS 類，不僅效率低下，還容易出錯。為了提高開發效率，可以通過 CSS 預處理器（如 Sass 或 Less）動態生成工具類，例如 pad20-top、pad40-bottom 等。 本文將詳細介紹如何通過 Sass 或 Less 實現這一功能，並探討其擴展性和應用場景。 需

vue.js , sass , less , ci , 前端開發

農民工前端 - JWT 解碼中的中文字符問題解決

最近在開發一個基於 JWT（JSON Web Token）的身份驗證功能時，我遇到了一個讓人頭疼的問題：解碼後的 JWT 中的中文字符顯示為亂碼。經過一番折騰，終於找到了解決方案。 問題背景 JWT 是一種用於在網絡應用之間安全傳遞信息的開放標準（RFC 7519）。它由三部分組成： Header（頭部）：描述簽名算法和令牌類型。 Payload（載荷）：包含實

vue.js , 字符串 , 中文字符 , ci , 前端開發

農民工前端 - vue3報錯：Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a fu

報錯內容 Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a function at Proxy.editRow (webpack-internal:///./node_modules/babel-loader/lib/index.js??clon

vue.js , 數組 , Vue , bundle , 前端開發

農民工前端 - 基於 Vue 和 Element Plus 的時間範圍控制與數據展示

本文將重點講解如何在 Vue 項目中使用 Element Plus 的 el-date-picker 組件實現時間範圍選擇，並結合“日”、“月”、“年”按鈕動態控制時間範圍。！🚀 1. 核心功能 🎯 時間範圍選擇：使用 el-date-picker 實現日期範圍選擇。 快速切換：通過“日”、“月”、“年”按鈕快速設置時間範圍。 動態綁定：根據用户選擇

vue.js , 高亮顯示 , 時間選擇器 , 前端開發 , HTML

農民工前端 - 實現回車鍵自動登錄功能：Vue 2 和 Vue 3 的解決方案

實現回車鍵自動登錄功能：Vue 2 和 Vue 3 的解決方案 🚀 在開發登錄表單時，提升用户體驗的一個重要功能是：用户輸入完用户名和密碼後，按下回車鍵即可自動觸發登錄。這個功能看似簡單，但在 Vue 2 和 Vue 3 中的實現方式略有不同。本文將詳細介紹如何在 Vue 2 和 Vue 3 中實現這一功能，並提供完整的代碼示例。 效果展示： 功能需求

回車鍵 , vue.js , 表單 , Vue , 前端開發