自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 基于 Vue3.0 和 Element Plus 二次封装的多行可表格组件ry-edit-table

一款基于 Vue3.0 和 Element Plus 二次封装的支持多行编辑的可编辑表格 ry-edit-table,轻量简单实用

2023-05-22 16:07:17 1556 1

原创 JS 递归一个Promise封装的异步函数

递归一个Promise封装的异步函数先上代码const foo = (n) => new Promise((resolve) => (n < 8 ? setTimeout(() => ++n && resolve(foo(n)), 1000) : resolve(n)));(async () => console.log(await foo(0)))(); // 8秒后打印8...

2021-01-28 15:34:15 504

原创 利用Promise更优雅地使用setTimeout,还能模拟数据请求!

你还在有setTimeout?太low了吧!用Promise封装一下,还可以这样用!先上代码/** * * @description 用promise封装倒计时 * @param {number} ms 倒计时毫秒 * @param {any} arg 可选|倒计时结束返回的数据 * @return {any} */const sleep = (ms,arg) => new Promise((resolve) => setTimeout(resolve, ms,arg));

2021-01-28 15:08:19 2073

原创 webpack打包JavaScript es6语法时 拓展运算符(...)“XXX unexpected token”报错解决方法

webpack打包JavaScript es6语法时 拓展运算符(…)“XXX unexpected token”报错解决方法追加安装babel插件 npm i babel-plugin-transform-object-rest-spread在.babelrc文件修改 { "presets": [ [ "env" ] ], "plugins": [ "transform-runtime", "transform-object-rest-sp

2020-12-04 14:33:02 1754 1

原创 利用iframe和a标签进行文件(批量)下载(注:有局限性)| Say so easy to code

利用iframe和a标签进行文件(批量)下载(注:有局限性)动态生成iframe和a标签并利用其特性可以帮助我们实现下载文件的功能。但要注意的是,如果文件是pdf或者是浏览器默认支持打开预览类型文件,用这样的方式进行下载并不能阻止浏览器针对文件下载完成后进行的默认行为,并且如果前端是进行循环调用此方法,针对浏览器会默认打开预览的文件类型,会阻塞掉部分文件的下载。用这样的方式下载,最好清楚了解浏览器是否会针对这些成功下载的文件会直接打开预览。如果不会,那么就可以采用这样的方法,否则,请用文件流的方式进行下

2020-12-02 13:59:45 2261

原创 JS 利用reduce统计数组每项元素出现次数 So easy

JS 利用reduce统计数组每项元素出现次数 So easycode/** * @description 统计数组每项元素出现次数 * @param {array} arr * @param {string | void} key - 空的时候统计普通类型数组每项元素出现的次数,否则就只统计数组对象里指定key名的元素出现次数 * @return {*} */let countEachItem = (arr, key) => { return arr.reduce((prev

2020-12-02 10:30:57 1200

原创 JS 数据对象根据某个key值来进行排序 简单封装 sortByKey

JS 数据对象根据某个key值来进行排序 简单封装 sortByKey So easy直接上代码// demolet persons = [ { name: "cherry", sex: "female", age: 29, }, { name: "alex", sex: "male", age: 28, },];// fnconst sortByKey = (key, arr, callback) => arr.sort(

2020-12-02 10:14:03 838

原创 JS 利用promise封装setTimeout So easy

JS 利用promise封装setTimeout So easy就是一句代码那么简单 , 实际应用可以结合async / await~/** * @description:延迟|等待函数 * @return {promise} */const delay = (time) => new Promise((resolve) => setTimeout(resolve, time));...

2020-12-02 09:38:59 871

原创 vue 启动项目报 localhost 的错 getaddrinfo ENOTFOUND localhost

vue 启动项目报 localhost 的错Error: getaddrinfo ENOTFOUND localhost at errnoException (dns.js:50:10) at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:95:26)解决方法打开 hosts 文件终端执行:sudo vim /etc/hosts,打开 hosts 文件。复制代码编辑 hosts 文件按 i 进入编辑模式,如果你的 ho

2020-12-02 09:29:25 3643

原创 禁用elementUI日期选择器组件某部分日期区间

禁用elementUI日期选择器组件某部分日期区间废话不多说,直接上代码只能选择今天(包含今天)之后的日期只能选择今天之后的日期只能选择今天(包含今天)之前的日期只能选择之前的日期templete <el-date-picker ***XXX*** :picker-options="pickerOptions" ></el-date-picker>data // 只能选今天或者之后 pickerOptions: {

2020-12-01 14:26:36 238

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除