【无标题】

最新推荐文章于 2024-07-09 10:38:13 发布

前端小甜

最新推荐文章于 2024-07-09 10:38:13 发布

阅读量117

点赞数 1

分类专栏：笔记文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_45226846/article/details/127566749

版权

笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

初始化数组

// fill()方法 是 es6新增的一个方法 使用指定的元素填充数组,其实就是用默认内容初始化数组
const arrList = Array(6).fill(1)
console.log(arrList)  // 此处打印的是[1, 1, 1, 1, 1, 1]

el-table实现拖拽行顺序

<el-table ref="formTable" class="form_table" row-key="id" highlight-current-row>
  <el-table-column label="拖拽排序" width="100" show-overflow-tooltip>
    <template>
      <i class="el-icon-d-caret my-handle" style="font-size:20px;"></i>
    </template>
  </el-table-column>
</el-table>

import Sortable from 'sortablejs'
mounted () {
  this.rowDrop()
},
methods: {
rowDrop() {
   this.$nextTick(() => {
        Sortable.create(
          document.querySelector(".form_table .el-table__body-wrapper tbody"),
          {
            handle: ".my-handle",
            onEnd: ({ newIndex, oldIndex }) => {
              console.log('onStart.foo:end')
              this.tableData.splice(newIndex, 0, this.tableData.splice(oldIndex, 1)[0]);
              let newArray = this.tableData.slice(0);
              this.tableData = [];
              this.$nextTick(function () {
                this.tableData = newArray;
                //掉接口保存顺序即可
              });
            },
          }
        );
      });
    },
}

获取两个年月日之间所有的日期

//借助moment实现
DaysBetweenDates(startDate, endDate) {
    let daysList = [];
    let SDate = moment(startDate);
    let EDate = moment(endDate);
    daysList.push(SDate.format("YYYY-MM-DD"));
    while (SDate.add(1, "days").isBefore(EDate)) {  // 注意这里add方法处理后SDate对象已经改变。
        daysList.push(SDate.format("YYYY-MM-DD"));
    }
    daysList.push(EDate.format("YYYY-MM-DD"));
    return daysList;
},

防抖节流

// 防抖   fn 需要防抖的函数，delay 为定时器时间
function debounce(fn,delay){
    let timer =  null  // 用于保存定时器
    return function () { 
        // 如果timer存在 就清除定时器，重新计时
        if(timer){
            clearTimeout(timeout);
        }
        //设置定时器，规定时间后执行真实要执行的函数
        timeout = setTimeout(() => {
           fn.apply(this);
        }, delay);
    }
}

// 节流   fn 需要防抖的函数
function throttle(fn) {
  let timer = null; // 首先设定一个变量，没有执行定时器时,默认为 null
  return function () {
    if (timer) return; // 当定时器没有执行的时候timer永远是false,后面无需执行
    timer = setTimeout(() => {
      fn.apply(this, arguments);
       // 最后在setTimeout执行完毕后再把标记设置为true(关键)
       // 表示可以执行下一次循环了。
      timer = null;
    }, 1000);
  };
}