情况一：做vue项目，有的时候会遇到有几个元素都使用同一个v-if条件。下面这种方法虽然可以实现，但是整体代码看起来有点笨拙，我们可以用<template>标签进行优化一下。<template><div class="card"><img src="../../assets/image/background frame.png" /><h3 v

本文介绍了前端实现导出Excel表格功能的方法，支持多sheet导出及自定义命名。通过安装xlsx和file-saver库，封装exportToExcel.js工具类，实现HTML表格数据或JSON数据的导出。关键步骤包括：处理表格DOM数据、设置多级表头、配置工作簿和工作表、实现自适应列宽等。该方法兼容Vue2/Vue3，提供导出单个表格和JSON数据两种方式，最终生成xlsx格式文件并自动下载

最近在后台管理项目中，需求是需要在A弹窗中有个table表格和按钮，点击查询按钮B弹窗弹出，里面内容还是table表格，选择B弹窗中的table表格某些项，保存之后会把已选中的表格项带到A弹窗中。通过排查原因是，打开B弹窗时候需要每次请求接口，获取表格数据，导致对象引用不同，所以使用el-table的toggleRowSelection() 选中方法无效。数据源问题，我们每次请求回来的表格数据，即

1. 使用全局变量实现数据传递2. 页面跳转或重定向时，使用url带参数传递数据3. 使用组件模板 template传递参数4. 使用缓存传递参数5. 使用数据库传递数据1. 全局APPapp.js和app.wxss中的代码都是全局生效的，所以我们可以利用这一点儿，在不同页面之间进行传值。//往globalData设置值getApp().globalData.data = "12345";//取g

介绍：瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，会触发事件并加载更多列表项。基础用法：List 组件通过loading和 finished两个变量控制加载状态，当组件滚动到底部时，会触发 load事件并将loading 设置成true。此时可以发起异步操作并更新数据，数据更新完毕后，将 loading 设置成 false 即可。若数据已全部加载完毕，则直接将finished 设置成

对于不允许匿名访问的私有图片文件，不支持通过文件URL直接添加参数的方式处理图片，您需要通过`SDK`的方式将图片处理操作加入签名URL中

首先了解下小程序的运行机制，小程序从启动到最终被销毁，会经历很多不同的状态，小程序在不同状态下会有不同的表现。大致运行机制如下图。

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会修改到原对象。

后台管理系统的权限控制对于前端来说是经常用到的知识点，也比较重要，最近梳理一下写成文章，方便以后查阅。项目中实现菜单的动态权限控制使用到了两种技术，一种是Vue Router，另一种是vue3官方推荐使用的专属状态管理库Pinia。

最近浏览网站学习的时候，看到了这个话题，感觉面试里也经常会被问到；所以查阅了不少文章，想总结一下，方便以后翻看。理解的会比较浅显，希望能多多交流，以后理解更深层的也会持续在这里更新。