摘要：
以下是使用:empty 搭配before實現表格中數據為空時的默認展示 // 在文件.vue中的table <template> <!-- 省略其他代碼 --> <el-table-column prop="title" label="標題"></el-table-column> <el-table 閱讀全文
posted @ 2025-02-26 16:30
磊~~
閱讀(65)
評論(0)
推薦(0)
摘要：
// 1.設置v-throttle自定義指令 Vue.directive('throttle', { bind: (el, binding) => { let throttleTime = binding.value; // 防抖時間 if (!throttleTime) { // 用戶若不設置防抖 閱讀全文
posted @ 2025-01-14 16:27
磊~~
閱讀(41)
評論(0)
推薦(0)
摘要：
地址：Getting Started | Volta volta常用命令使用 命令解釋 volta list all 查看當前 volta 已安裝的所有內容 volta install node@14.17.1 安裝指定版本的node volta install node@14 volta會選擇no 閱讀全文
posted @ 2024-08-17 16:17
磊~~
閱讀(648)
評論(0)
推薦(0)
摘要：
async函數返回值 📑結論：async函數在拋出返回值時，會根據返回值類型開啟不同數目的微任務 return結果值：非thenable、非promise（不等待） return結果值：thenable（等待 1個then的時間） return結果值：promise（等待 2個then的時間） a 閱讀全文
posted @ 2024-07-19 16:26
磊~~
閱讀(26)
評論(0)
推薦(0)
摘要：
JavaScript函數柯里化詳解 更新時間：2022年01月14日 15:33:47 作者：天界程序員 這篇文章主要為大家介紹了JavaScript函數柯里化，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助 ? 目錄 一、簡單了解apply和call 二、什么是函數柯里化？ 閱讀全文
posted @ 2024-05-24 15:10
磊~~
閱讀(31)
評論(0)
推薦(0)
摘要：
1.改變原數組的方法 var arr = [] arr.splice() arr.reverse() arr.fill() arr.copyWithin() arr.sort() arr.push() arr.pop() arr.unshift() arr.shift() arr.splice() 閱讀全文
posted @ 2024-04-28 15:58
磊~~
閱讀(285)
評論(0)
推薦(0)
摘要：
//添加.replace(/=+$/,'') replace(/[\r\n]/g,"")為了解決由于base64圖片補碼的問題導致的 this.$nextTick(()=>{ let urlType = '',base64code = '' if(type.toUpperCase() 'PDF'){ 閱讀全文
posted @ 2024-04-17 17:37
磊~~
閱讀(523)
評論(0)
推薦(0)
摘要：
參考資料： http://www.rzrgm.cn/zhangzl419/p/15210835.html 1、什么時候使用npm link? npm link用來在本地項目和本地npm包之間建立連接，可以在本地進行模塊測試。 npm包在開發和迭代更新時，不適合直接發布到線上或者直接發布測試版 閱讀全文
posted @ 2024-04-15 15:29
磊~~
閱讀(3046)
評論(0)
推薦(1)
摘要：
<el-image style="width: 300px; height: 150px" :src="url" :preview-src-list="srcList"> </el-image> this.url='data:image/png;base64,' + row.PAGE_IMG 其他格 閱讀全文
posted @ 2024-04-09 15:09
磊~~
閱讀(993)
評論(0)
推薦(0)
摘要：
<template> <div class="box" :style="styleVar"> </div> </template> <script> export default { props: { height: { type: Number, default: 54, }, }, comput 閱讀全文
posted @ 2024-03-05 10:40
磊~~
閱讀(90)
評論(0)
推薦(0)
摘要：
export default defineConfig(() => { // 這里只加入了element的有其他的也加在這里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 預加載element樣式 有其他組件也是如此設 閱讀全文
posted @ 2023-09-07 17:34
磊~~
閱讀(194)
評論(0)
推薦(0)
摘要：
{ "compilerOptions": { // ↓指定ECMAScript目標版本，esnext為最新版本 "target": "esnext", // ↓指定生成哪個模塊系統代碼，esnext為最新版本 "module": "esnext", // ↓決定如何處理模塊。 "moduleReso 閱讀全文
posted @ 2023-05-30 14:41
磊~~
閱讀(191)
評論(0)
推薦(0)
摘要：
一、刪除最后一次提交 這種情況比較簡單，主要操作分兩步： 第一步：回滾上一次提交 git reset --hard HEAD^ 第二步：強制提交本地代碼 git push origin master -f 閱讀全文
posted @ 2023-03-28 17:01
磊~~
閱讀(107)
評論(0)
推薦(0)
摘要：
const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ) ? "Mobile" : "Desktop"; co 閱讀全文
posted @ 2023-01-29 09:00
磊~~
閱讀(28)
評論(0)
推薦(0)
摘要：
const callback = (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { // `entry.target` is the dom element console.log(`${entry.tar 閱讀全文
posted @ 2023-01-29 08:59
磊~~
閱讀(32)
評論(0)
推薦(0)
摘要：
清除浮動方式 2：父級定義 overflow：hidden；zoom：1（針對 ie6 的兼容） 3：給塌陷的元素添加偽對象.father：after{Content：“隨便寫”；Clear：both；display：block；Height：0；Overflow：hidden；Visibility 閱讀全文
posted @ 2022-12-06 15:21
磊~~
閱讀(25)
評論(0)
推薦(0)
摘要：
在CSS3中，我們可以使用transform屬性的scale()方法來實現元素的縮放效果。縮放，指的是“縮小”和“放大”的意思。 transform: scaleX(x); / 沿x軸方向縮放/ transform: scaleY(y); / 沿y軸方向縮放/ transform: scale(); 閱讀全文
posted @ 2022-12-05 09:23
磊~~
閱讀(1013)
評論(0)
推薦(0)
摘要：
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filte 閱讀全文
posted @ 2022-12-01 10:35
磊~~
閱讀(32)
評論(0)
推薦(0)
摘要：
(28條消息) vue + css-vars-ponyfill 實現動態換膚_MrWangJB的博客-CSDN博客 閱讀全文
posted @ 2022-10-18 09:15
磊~~
閱讀(52)
評論(0)
推薦(0)
摘要：
{ "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "lib": ["DOM", "DOM.Iterable", "ESNext"], "allowJs": false, "skipLibCheck" 閱讀全文
posted @ 2022-09-14 17:07
磊~~
閱讀(41)
評論(0)
推薦(0)
摘要：
mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) //監聽頁面刷新觸發事件 }, methods(){ beforeunloadHandler(e) { //根據事件進行操作進行 閱讀全文
posted @ 2022-08-19 16:59
磊~~
閱讀(274)
評論(0)
推薦(0)
摘要：
先執行宏任務，當宏任務執行完成之后在執行微任務，如果微任務執行完成了，還存在宏任務在次執行宏任務，然后繼續執行微任務。。。。。。 閱讀全文
posted @ 2022-07-22 17:48
磊~~
閱讀(45)
評論(0)
推薦(0)
摘要：
<el-button type="primary" plain round @click="stop">stop</el-button> const stop = watchEffect((onInvalidate) => { console.log(massage.value); onInvali 閱讀全文
posted @ 2022-07-20 16:38
磊~~
閱讀(38)
評論(0)
推薦(0)
摘要：
1、導航被觸發。 2、在失活的組件里調用 beforeRouterLeave 守衛。 3、調用全局的 beforeEach 守衛。 4、在重用的組件調用 beforeRouterUpdate 守衛（2.2+）。 5、在路由配置里面 beforeEnter。 6、解析異步路由組件。 7、在被激活的組件 閱讀全文
posted @ 2022-07-18 11:32
磊~~
閱讀(39)
評論(0)
推薦(0)
摘要：
data() { return { params: { a: 1, b: 2, c: 3, d: 4 }, }; }, watch: { params: { deep: true, handler() { this.getList; }, }, } 但是如果我只想要a，b改變時重新請求，c，d改變時 閱讀全文
posted @ 2022-07-18 10:54
磊~~
閱讀(535)
評論(0)
推薦(0)
摘要：
slice 方法可以用來將一個類數組（Array-like）對象/集合轉換成一個新數組。你只需將該方法綁定到這個對象上。 一個函數中的 arguments 就是一個類數組對象的例子 function list() { return Array.prototype.slice.call(argumen 閱讀全文
posted @ 2022-07-12 17:34
磊~~
閱讀(41)
評論(0)
推薦(1)
摘要：
(34條消息) Promise.then鏈式調用順序_高先生的貓的博客-CSDN博客_promise的鏈式執行順序 想用Promise異步實現一個遞歸調用的接口，用來做簡單AI的動作序列。發現一開始接觸這個then的時候，不是很清楚，參考了網上的一些寫法，改成自己的有問題，所以先靜下心來研究一下這個 閱讀全文
posted @ 2022-07-12 15:51
磊~~
閱讀(89)
評論(0)
推薦(0)
摘要：
import Vue from 'vue'; import Router from 'vue-router'; // 官網可知：下面沒有指定webpackChunkName，每個組件打包成一個js文件。 const Foo = () => import('../components/Foo') co 閱讀全文
posted @ 2022-07-12 14:09
磊~~
閱讀(1095)
評論(0)
推薦(0)
摘要：
// 創建一個隱藏的 a 標簽 const a = document.createElement('a'); a.href = url; // 從 URL 中提取文件名 a.download = url.substring(url.lastIndexOf('/') + 1); a.style.dis 閱讀全文
posted @ 2022-07-12 10:20
磊~~
閱讀(26)
評論(0)
推薦(0)
摘要：
typeof用于數據類型的判斷，返回值有number、string、boolean、function、undefined、object 等 instanceof他的判斷就是根據原型鏈進行搜尋，在對象obj1的原型鏈上如果存在另一個對象obj2的原型屬性，那么表達式（obj1 instanceof o 閱讀全文
posted @ 2022-07-09 17:35
磊~~
閱讀(31)
評論(0)
推薦(0)
摘要：
<div class="svg"> <img src="./firefox-logo.svg" class="svg-color"> </div> //css .svg { width: 30px; height: 30px; overflow: hidden; } .svg-color { tra 閱讀全文
posted @ 2022-06-30 14:09
磊~~
閱讀(286)
評論(0)
推薦(0)
摘要：
Interactive CSS Grid Generator | Layoutit Grid grid布局 Grid布局 - HaimaBlog - 博客園 雙欄布局非常常見，往往是以一個定寬欄和一個自適應的欄并排展示存在 實現思路也非常的簡單： 使用 float 左浮左邊欄 右邊模塊使用 marg 閱讀全文
posted @ 2022-06-24 10:09
磊~~
閱讀(102)
評論(0)
推薦(0)
摘要：
Set、Map、WeakSet、WeakMap、都是一種集合的數據結構 Set、WeakSet 是[值,值]的集合，且具有唯一性 Map 和 WeakMap 是一種[鍵,值]的集合，Map 的鍵可以是任意類型，WeakMap 的鍵只能是對象類型 Set 和 Map 有遍歷方法，WeakSet 和 W 閱讀全文
posted @ 2022-06-19 22:02
磊~~
閱讀(31)
評論(0)
推薦(0)
摘要：
閱讀全文
posted @ 2022-06-19 20:51
磊~~
閱讀(15)
評論(0)
推薦(0)
摘要：
1.offsetTop :當前對象到其上級層頂部的距離.不能對其進行賦值.設置對象到頁面頂部的距離請用style.top屬性. 2.offsetLeft :當前對象到其上級層左邊的距離.不能對其進行賦值.設置對象到頁面左部的距離請用style.left屬性. 3.offsetWidth :當前對象的 閱讀全文
posted @ 2022-06-16 11:10
磊~~
閱讀(283)
評論(0)
推薦(0)
摘要：
<html> <head> <title>前端的base64使用方法</title> </head> <body> </body> <script> var str = "hello"; var str64 = window.btoa("hello"); console.log("字符串是:"+st 閱讀全文
posted @ 2022-05-25 12:36
磊~~
閱讀(5453)
評論(0)
推薦(0)
摘要：
1、serve安裝npm i -g serve 使用serve -p 8000 2、live-server安裝npm install -g live-server 使用live-server 或者 live-server --port=8000 閱讀全文
posted @ 2022-05-23 16:56
磊~~
閱讀(305)
評論(0)
推薦(0)
摘要：
git add .git commit amend 修改最近一次提交的信息git checkout dev #切換到dev開發分支 git pull git checkout master git merge dev #合并dev分支到master上 git push origin master # 閱讀全文
posted @ 2022-01-14 09:36
磊~~
閱讀(37)
評論(0)
推薦(0)
浙公網安備 33010602011771號