原创 文字脫敏

/** * 將文本中特定關鍵詞前面的指定數量的字符替換爲指定的字符串。 * @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">

原创 關於vue2的模塊級總結

前陣子在趕一個項目的進度,一直沒時間做總結,今日閒來無事,消化一下。 背景 vue2的項目,面向受衆爲g端 內容 1. 項目原因,單路由下包含詳情&列表兩頁面。根據v-if跳轉,筆者這裏用的是動態組件的方式 2. 同樣由於項目原因,使用的模

原创 偶爾寫的工具函數

const str111 = `“asdd”eeeeeeeeeeeeeee`; const filterStr = (str, ipt) => { if (!str.length || str === ipt |

原创 坑:vue2在props時僅接受第一次返回數據的解決辦法

今天在做項目時遇到了一個bug,在列表頁進入詳情頁時帶入list以便子組件遍歷使用,使用props傳參,該list在父組件由created生命週期函數訪問接口獲取,然後子組件在使用時,直接使用props接收並調用,大概代碼如下: // 父組