原创 原生js彈字效果

效果預覽: 手速不夠快,實際上是整體都是一個個崩出來的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title

原创 git報錯400的解決辦法

廢話不多說,可能是proxy的問題: 取消代理: git config --global --unset http.proxy RPC failed; curl 92 HTTP/2 stream 0 was not closed cle

原创 接收文件流並導出至excel以及對二進制文件流內容的校驗

廢話不說 上代碼 const handleRightDownload = async () => { axios({ method: 'post', url: '/my/handleAndDownloadExcel',

原创 文字脫敏

/** * 將文本中特定關鍵詞前面的指定數量的字符替換爲指定的字符串。 * @param text - 待處理的文本。 * @param options - 選項對象,包括 keyword、replaceCount 和 replac

原创 python小測試:字符串轉對象

def coo_regular(ck): print(ck,'ck') print('ck2',ck.split('; ')) coo = {} for k_v in ck.split('; '): print(k_v) k

原创 關於圖表的一些淺略總結

今年寫了許多圖表,想來應該要有一些總結 基於基本g情,在g端,幾乎所有的領導在綜合概覽展示頁面總是希望會有一些酷炫效果,因而echart得以發揚光大,本篇文章重點也是爲了總結echart的一些基本要素。 待續

原创 兼容性複製功能/自定義mock數據/通用hook

*****自定義mock const resourceList = computed(() => Array.from({ length: 20 }, (_, index) => index).map((v, i) => { r

原创 單頁面下模擬路由跳轉

項目需求:一個路由頁面下展示多個頁面,且切換時要像真正的路由一樣可以攜帶路由參數 三個前置知識: vue不允許在路由棧中推入同一URL地址,否則會告警:NavigationDuplicated: Avoided redundant na

原创 基於mutation的自定義指令以監聽用戶使用f12修改dom

昨天寫了功能後,就又封了一個指令,可以直接應用於ui框架的input組件上 貼貼: preventChange/index.js export const preventChange = { inserted(el, binding)

原创 監聽用戶打開控制檯修改dom屬性內容

今天程序猿節,祝大家永無bug 昨天接了個功能,已知有一個input類型爲password,在修改內容的時候也是密文展示,但是用戶還是覺得不安全,因爲可以在f12下找到dom並直接修改input的type從而直接使其明文展示 wtf?

原创 基於sm-crypto的sm4的請求加密&響應加密

有時候需要對項目的請求和返回值進行加密請求,因而筆者使用了sm4,讀者也可以使用別的庫如md5 封裝加解密: // ciphertext.js const sm4 = require('sm-crypto').sm4 // 此爲密文key,

原创 Cannot find module ‘node:module‘ & "plugins" is not allowed 的解決辦法

在寫demo時,裝了下t-design-vue2的框架,想做個按需加載,官網這樣說 但是我運行以後發現報錯了 Error: Cannot find module 'node:module' Require stack:

原创 快速強制刪除node_modules (親測可用)

強制刪除命令: windows: Remove-item -Force -Recurse node_modules mac: rm -rf node_modules 以上。

原创 前端讀取目錄下所有指定文件

讀取modules下文件示例: /** require.context: 1. 指定目錄 2. 是否將匹配層級遞歸至子目錄下 3. 匹配的文件 */ const modulesFiles = require.context("./modu

原创 頁面級佈局

需求:左右兩側佈局 <div class="container"> <!-- 左側列yi --> <div class="left-column"> <div class="top-section">