摘要：
以下是使用:empty 搭配before实现表格中数据为空时的默认展示 // 在文件.vue中的table <template> <!-- 省略其他代码 --> <el-table-column prop="title" label="标题"></el-table-column> <el-table 阅读全文
posted @ 2025-02-26 16:30
磊~~
阅读(21)
评论(0)
推荐(0)
摘要：
// 1.设置v-throttle自定义指令 Vue.directive('throttle', { bind: (el, binding) => { let throttleTime = binding.value; // 防抖时间 if (!throttleTime) { // 用户若不设置防抖 阅读全文
posted @ 2025-01-14 16:27
磊~~
阅读(22)
评论(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
磊~~
阅读(405)
评论(0)
推荐(0)
摘要：
async函数返回值 📑结论：async函数在抛出返回值时，会根据返回值类型开启不同数目的微任务 return结果值：非thenable、非promise（不等待） return结果值：thenable（等待 1个then的时间） return结果值：promise（等待 2个then的时间） a 阅读全文
posted @ 2024-07-19 16:26
磊~~
阅读(21)
评论(0)
推荐(0)
摘要：
JavaScript函数柯里化详解 更新时间：2022年01月14日 15:33:47 作者：天界程序员 这篇文章主要为大家介绍了JavaScript函数柯里化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助 − 目录 一、简单了解apply和call 二、什么是函数柯里化？ 阅读全文
posted @ 2024-05-24 15:10
磊~~
阅读(23)
评论(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
磊~~
阅读(240)
评论(0)
推荐(0)
摘要：
//添加.replace(/=+$/,'') replace(/[\r\n]/g,"")为了解决由于base64图片补码的问题导致的 this.$nextTick(()=>{ let urlType = '',base64code = '' if(type.toUpperCase() 'PDF'){ 阅读全文
posted @ 2024-04-17 17:37
磊~~
阅读(482)
评论(0)
推荐(0)
摘要：
参考资料： https://www.cnblogs.com/zhangzl419/p/15210835.html 1、什么时候使用npm link? npm link用来在本地项目和本地npm包之间建立连接，可以在本地进行模块测试。 npm包在开发和迭代更新时，不适合直接发布到线上或者直接发布测试版 阅读全文
posted @ 2024-04-15 15:29
磊~~
阅读(2963)
评论(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
磊~~
阅读(920)
评论(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
磊~~
阅读(86)
评论(0)
推荐(0)
摘要：
export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 阅读全文
posted @ 2023-09-07 17:34
磊~~
阅读(159)
评论(0)
推荐(0)
摘要：
{ "compilerOptions": { // ↓指定ECMAScript目标版本，esnext为最新版本 "target": "esnext", // ↓指定生成哪个模块系统代码，esnext为最新版本 "module": "esnext", // ↓决定如何处理模块。 "moduleReso 阅读全文
posted @ 2023-05-30 14:41
磊~~
阅读(177)
评论(0)
推荐(0)
摘要：
一、删除最后一次提交 这种情况比较简单，主要操作分两步： 第一步：回滚上一次提交 git reset --hard HEAD^ 第二步：强制提交本地代码 git push origin master -f 阅读全文
posted @ 2023-03-28 17:01
磊~~
阅读(94)
评论(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
磊~~
阅读(24)
评论(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
磊~~
阅读(28)
评论(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
磊~~
阅读(20)
评论(0)
推荐(0)
摘要：
在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。 transform: scaleX(x); / 沿x轴方向缩放/ transform: scaleY(y); / 沿y轴方向缩放/ transform: scale(); 阅读全文
posted @ 2022-12-05 09:23
磊~~
阅读(903)
评论(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
磊~~
阅读(28)
评论(0)
推荐(0)
摘要：
(28条消息) vue + css-vars-ponyfill 实现动态换肤_MrWangJB的博客-CSDN博客 阅读全文
posted @ 2022-10-18 09:15
磊~~
阅读(46)
评论(0)
推荐(0)
摘要：
{ "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "lib": ["DOM", "DOM.Iterable", "ESNext"], "allowJs": false, "skipLibCheck" 阅读全文
posted @ 2022-09-14 17:07
磊~~
阅读(34)
评论(0)
推荐(0)
摘要：
mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) //监听页面刷新触发事件 }, methods(){ beforeunloadHandler(e) { //根据事件进行操作进行 阅读全文
posted @ 2022-08-19 16:59
磊~~
阅读(267)
评论(0)
推荐(0)
摘要：
先执行宏任务，当宏任务执行完成之后在执行微任务，如果微任务执行完成了，还存在宏任务在次执行宏任务，然后继续执行微任务。。。。。。 阅读全文
posted @ 2022-07-22 17:48
磊~~
阅读(38)
评论(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
磊~~
阅读(34)
评论(0)
推荐(0)
摘要：
1、导航被触发。 2、在失活的组件里调用 beforeRouterLeave 守卫。 3、调用全局的 beforeEach 守卫。 4、在重用的组件调用 beforeRouterUpdate 守卫（2.2+）。 5、在路由配置里面 beforeEnter。 6、解析异步路由组件。 7、在被激活的组件 阅读全文
posted @ 2022-07-18 11:32
磊~~
阅读(36)
评论(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
磊~~
阅读(524)
评论(0)
推荐(0)
摘要：
slice 方法可以用来将一个类数组（Array-like）对象/集合转换成一个新数组。你只需将该方法绑定到这个对象上。 一个函数中的 arguments 就是一个类数组对象的例子 function list() { return Array.prototype.slice.call(argumen 阅读全文
posted @ 2022-07-12 17:34
磊~~
阅读(33)
评论(0)
推荐(1)
摘要：
(34条消息) Promise.then链式调用顺序_高先生的猫的博客-CSDN博客_promise的链式执行顺序 想用Promise异步实现一个递归调用的接口，用来做简单AI的动作序列。发现一开始接触这个then的时候，不是很清楚，参考了网上的一些写法，改成自己的有问题，所以先静下心来研究一下这个 阅读全文
posted @ 2022-07-12 15:51
磊~~
阅读(81)
评论(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
磊~~
阅读(1076)
评论(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
磊~~
阅读(19)
评论(0)
推荐(0)
摘要：
typeof用于数据类型的判断，返回值有number、string、boolean、function、undefined、object 等 instanceof他的判断就是根据原型链进行搜寻，在对象obj1的原型链上如果存在另一个对象obj2的原型属性，那么表达式（obj1 instanceof o 阅读全文
posted @ 2022-07-09 17:35
磊~~
阅读(26)
评论(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
磊~~
阅读(283)
评论(0)
推荐(0)
摘要：
Interactive CSS Grid Generator | Layoutit Grid grid布局 Grid布局 - HaimaBlog - 博客园 双栏布局非常常见，往往是以一个定宽栏和一个自适应的栏并排展示存在 实现思路也非常的简单： 使用 float 左浮左边栏 右边模块使用 marg 阅读全文
posted @ 2022-06-24 10:09
磊~~
阅读(96)
评论(0)
推荐(0)
摘要：
Set、Map、WeakSet、WeakMap、都是一种集合的数据结构 Set、WeakSet 是[值,值]的集合，且具有唯一性 Map 和 WeakMap 是一种[键,值]的集合，Map 的键可以是任意类型，WeakMap 的键只能是对象类型 Set 和 Map 有遍历方法，WeakSet 和 W 阅读全文
posted @ 2022-06-19 22:02
磊~~
阅读(24)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-06-19 20:51
磊~~
阅读(12)
评论(0)
推荐(0)
摘要：
1.offsetTop :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft :当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面左部的距离请用style.left属性. 3.offsetWidth :当前对象的 阅读全文
posted @ 2022-06-16 11:10
磊~~
阅读(278)
评论(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
磊~~
阅读(5401)
评论(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
磊~~
阅读(297)
评论(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
磊~~
阅读(34)
评论(0)
推荐(0)
浙公网安备 33010602011771号