前端小知识汇总

1、moment解析、校验、操作、显示日期和时间

首页 | Moment.js 中文文档

2、recover

this.inputForm = this.recover(this.inputForm, data);

3、ES6 Object.assign()的用法

Object.asign()方法的使用---【做对象】（树控件会用到） - 简书

4、千分位、判断空，小数等xe-utils，vxetable

xe-utils 函数库、工具类

5、Vue中computed计算属性，通常用于多对一

在 Vue 2 中，计算属性在其依赖的数据变化时会立即重新计算和更新。这意味着每次依赖的数据发生变化时，计算属性的 getter 会同步执行，以确保计算属性的值始终是最新的。

const vm = new Vue({
  data() {
    return {
      a: 1,
      b: 2
    };
  },
  computed: {
    sum() {
      console.log('Calculating sum...');
      return this.a + this.b;
    }
  }
});

vm.a = 2; // 立即触发重新计算
console.log(vm.sum); // 输出 "Calculating sum..." 和 4

在 Vue 3 中，计算属性的机制更加高效。计算属性在其依赖的数据变化时不会立即重新计算。相反，它会被标记为“脏”（dirty），下次访问计算属性时才会重新计算。这意味着计算属性是懒执行的，只有在真正需要时才会进行计算。

import { ref, computed } from 'vue';

const a = ref(1);
const b = ref(2);

const sum = computed(() => {
  console.log('Calculating sum...');
  return a.value + b.value;
});

a.value = 2; // 仅标记 sum 为脏值
console.log(sum.value); // 输出 "Calculating sum..." 和 4

6、组件使用

7、正则表达式

8、vxetable表格验证 ,表尾合计

Vxe Table v4