随笔分类 - 前端
摘要：问题代码 描述：当父组件加载后，fooList初始是空数组，在发生change事件回调后，会进行赋值。按照设计预期，useFooData应该提供处理好的filteredFoo数据。可是实际上useFooData拿到的fooList一直是空数组，没有随着外部fooList的改变而改变。 父组件： co
阅读全文
摘要：解构基本类型与引用类型区别 在Vue3.5+中，props已经支持了响应式解构。不过，官方文档中还提到了将解构后的变量传递到函数中有一些细节： 当我们将解构的 prop 传递到函数中时，例如： const { foo } = defineProps(['foo']) watch(foo, /* ..
阅读全文
摘要：使用Performance进行录制，复现卡死操作后，在Performance Monitr中可以看到CPU Usage持续100%，且页面重计算次数持续飙高。由于页面卡死，Performance页面无法正常生成报告，此时可以使用Ctrl + P呼出Command面板，禁用Javascript，让CP
阅读全文
摘要：问题代码： // 绑定给el-table的data const groupWorks = computed(() => worksGroupByType.value.map((type) => { return { ...type, works: [...type.priorityWorks, ..
阅读全文
摘要：问题描述： xlsx库导出的Excel，数值单元格数据无法计算，并且手动修改单元格格式也无法计算，需要编辑或者trim一下才正常。 问题代码： const worksheet = XLSX.utils.json_to_sheet(jsonArray); const workbook = XLSX.u
阅读全文
摘要：方法一：JS实现 在滚动元素上绑定touchmove事件监听，并调用e.stopPropagation()方法。 const el = document.querySelector(".scroll-view"); el.addEventListener('touchmove', (e) => e.
阅读全文
