原创 【Element】el-cascader 級聯選擇,點擊文本直接選中

.el-cascader-panel { .el-radio { width: 100%; height: 100%; z-index: 10; position: absolute; righ

原创 【個人雜談】假如我是一個前端工程師,我該如何在日常的學習過程中使用費曼學習法?

什麼是費曼學習法? 費曼學習法是一種學習方法,它由諾貝爾物理學獎得主理查德·費曼(美籍猶太裔物理學家,加州理工學院物理學教授,1965年諾貝爾物理獎得主)提出。該方法的核心思想是通過將所學的知識以簡單明瞭的方式解釋給別人,來加深自己對知識的

原创 【數據結構與算法】TypeScript 實現圖結構

class Grapg<T> { // 用於存儲所有的頂點 verteces: T[] = []; // 用於存儲所有的邊 採用鄰接表的形式 adjList: Map<T, T[]> = new Map(); // 添

原创 【Vue】vue3 中 如何將el-table的表格數據下載爲.xlsx格式文件

安裝依賴 首先,你需要安裝 xlsx 和 file-saver 這兩個庫。 npm install xlsx file-saver --save 有興趣可以看看兩個庫的官方說明,直接看下面使用也沒問題。 xlsx 官方介紹 The Sh

原创 【Element】el-image 預覽功能配置

<el-image :preview-teleported="true" v-for="img in item.imageList" style="

原创 【Vue】vue3 v-draggable 拖拽指令封裝

說明 需求:實現一個拖拽指令,可在父元素區域任意拖拽元素,同時如果傳入的值爲 father,則拖拽的時候以父元素爲拖拽對象 思路: 1、設置需要拖拽的元素爲absolute,其父元素爲relative。 2、鼠標按下(onmousedown

原创 【Javascript】前端對文件進行md5計算再上傳,以節省OSS雲端存儲空間

安裝插件 browser-md5-file browser-md5-file 用於計算文件md5,文檔介紹較少,看看就能使用↓ 使用例子 比如我用 el-upload 組件上傳圖片 <el-upload action=""

原创 【Element】el-dialog 內使用 el-image 並添加 preview-src-list 預覽,拖拽導致圖片預覽不完整問題

現象 el-dialog 內使用 el-image 並添加 preview-src-list 預覽,拖拽導致圖片預覽不完整 <el-dialog width="500" v-model="visible" :ti

原创 【JavaScript】JS 生成隨機的十六進制顏色

const color = '#' + Math.floor(Math.random() * 0xffffff).toString(16)

原创 【JavaScript】js 處理複製函數實現

const handleCopy = () => { if (!keywordList.value.length) return ElMessage.warning('沒有數據'); const text = JSON.string

原创 【數據結構與算法】隊列算法題

TS 實現隊列 interface IQueue<T> { // 入隊 enqueue(item: T): void; // 出隊 dequeue(): T | undefined; // 隊首 peek(): T

原创 【數據結構與算法】棧算法題

TS 實現棧 interface IStack<T> { push(e: T): void; pop(): T | undefined; peek(): T; isEmpyt(): boolean; size(): nu

原创 【數據結構與算法】個人算法題學習記錄

【數據結構與算法】棧算法題 【數據結構與算法】隊列算法題

原创 【CSS】寫一個原生的透明 input 標籤輸入框

<div class="search"> <img src="@/assets/tools/search.svg" /> <input placeholder="搜索" @input="onSearch" v-model="searc

原创 【JavaScript】將用戶複製的轉碼後網頁鏈接進行解碼

decodeURIComponent() 方法用於解碼由 encodeURIComponent 方法或者其他類似方法編碼的部分統一資源標識符(URI)。 decodeURIComponent("JavaScript_%D1%88%D0%