随笔分类 -  JavaScript

vue3 封装t点击左右箭头实现内容滑动组件
摘要：1、组件 <template> <div class="switch-tab"> <div class="switch-tab-left" @click="leftClick"> <el-icon :size="24" color="rgba(99, 149, 255, 1)"><ArrowLeft 阅读全文
posted @ 2022-12-12 14:08 浮生如梦似离殇 阅读(580) 评论(0) 推荐(0)
moment.js 获取国内自燃周开始时间与结束时间以及当前日期第几周
摘要：/** * 国内自然周 */ const getWeekOfNature=(date,format)=>{ let weekOfday = moment(date).format("E"); //计算是这周第几天 let monday = moment(date).subtract(weekOfda 阅读全文
posted @ 2022-12-07 13:23 浮生如梦似离殇 阅读(399) 评论(0) 推荐(0)
vue3 elementPlus 翻页默认选中
摘要：1、html <el-table :data="tableData" @selection-change="handleSelectionChange" class="my-table" :row-key="getRowKeys" border v-loading="loading" highlig 阅读全文
posted @ 2022-11-17 16:56 浮生如梦似离殇 阅读(807) 评论(0) 推荐(0)
js 数组对象根据多个key值进行分类
摘要：const list = [ { id: 1, name: "手机1", orderNo: "6901443393268", sku: "51095BKR" }, { id: 2, name: "手机2", orderNo: "6901443393262", sku: "51095BBQ" }, { 阅读全文
posted @ 2022-11-14 17:19 浮生如梦似离殇 阅读(1132) 评论(0) 推荐(0)
js 下载文件以及自定义下载文件名称
摘要：/** * 下载文件以及自定义文件名称 */ const downFile = (url, fileName) => { const xhr = new XMLHttpRequest(); xhr.open("GET", url, true); xhr.responseType = "blob"; 阅读全文
posted @ 2022-11-02 17:25 浮生如梦似离殇 阅读(1447) 评论(0) 推荐(0)
js 找出数组中重复的数字
摘要：let arr = [2, 3, 6, 7, 2, 5, 3]; /** * 找出数组中重复的数字。 * @param {*} arr */ const findRepeatNumber = (arr) => { let map = new Map(); for (let i of arr) { i 阅读全文
posted @ 2022-11-02 09:58 浮生如梦似离殇 阅读(173) 评论(0) 推荐(0)
js 数组转树形结构
摘要：1、递归方式 const list = [ { id: '001', name: '节点1' }, { id: '0011', parentId: '001', name: '节点1-1' }, { id: '00111', parentId: '0011', name: '节点1-1-1' }, 阅读全文
posted @ 2022-11-01 16:45 浮生如梦似离殇 阅读(612) 评论(0) 推荐(0)
vue 文件流导出获取后端文件名称
摘要：response.addHeader("Content-Disposition","attachment;filename=" + java.net.URLEncoder.encode(filename, "UTF-8"));在后端的接口中开放这个这个响应头，前端的response就可以获取到了im 阅读全文
posted @ 2022-10-31 19:52 浮生如梦似离殇 阅读(1035) 评论(0) 推荐(0)
vue 实现div方框内大图自由拖拽
摘要：vue 实现div方框内大图自由拖拽 阅读全文
posted @ 2021-05-06 10:40 浮生如梦似离殇 阅读(515) 评论(0) 推荐(0)
js给数组中对象添加新属性
摘要：let person =[{ id: 1, name: 'vhen' },{ id: 2, name: 'json' }] let newArr = obj.map((item,index) =>{ return Object.assign(item,{index:index}) }) 个人博客 阅读全文
posted @ 2018-05-25 11:47 浮生如梦似离殇 阅读(10496) 评论(0) 推荐(3)
js 删除两个数组中id相同的对象
摘要： 阅读全文
posted @ 2018-04-18 17:20 浮生如梦似离殇 阅读(6246) 评论(1) 推荐(1)
js 浅与深拷贝
摘要：1、浅拷贝 2、深拷贝 阅读全文
posted @ 2018-01-03 18:29 浮生如梦似离殇 阅读(160) 评论(0) 推荐(0)
js 对localStorage的封装
摘要：资料分享网站 可以加我微信进群，有资料送，也可以讨论问题 阅读全文
posted @ 2017-12-15 09:59 浮生如梦似离殇 阅读(3020) 评论(0) 推荐(1)
js少写if语句
摘要：1、 2、 3、 4、 5、 6、 资料分享网站 可以加我微信进群，有资料送，也可以讨论问题 阅读全文
posted @ 2017-11-22 00:22 浮生如梦似离殇 阅读(2977) 评论(0) 推荐(0)
js 案例
摘要：1、复杂数组去重 let arr = [ { name: 'atom',age: '15'}, { name: 'aili',age:'16'}, { name:'atom',age:'18'}, { name: 'aili', age: '16'} ] function removeRepeatA 阅读全文
posted @ 2017-11-09 10:10 浮生如梦似离殇 阅读(132) 评论(0) 推荐(0)
canvas合成图片
摘要：生成图片 阅读全文
posted @ 2017-10-18 16:14 浮生如梦似离殇 阅读(628) 评论(0) 推荐(0)
JS函数节流防抖
摘要：用户行为会频繁的触发事件执行，而对于DOM操作、资源加载等耗费性能的处理，很可能导致界面卡顿，甚至浏览器的崩溃。 1、函数节流(throttle) 预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期。 场景： 窗口调整（resize） 页面滚动（scroll） 阅读全文
posted @ 2017-10-18 10:20 浮生如梦似离殇 阅读(537) 评论(0) 推荐(0)
Js图片等比例缩放
摘要：<img src="chargein_cashgift_detail.png" class="img" alt=""> function showImg(img,maxW,maxH) { let objImg = new Image(); let w,h,wRatio,hRatio; let Rat 阅读全文
posted @ 2017-09-22 18:01 浮生如梦似离殇 阅读(126) 评论(0) 推荐(0)