前端笔记

思路 先设计一个可维护的权限数据 (数据来源：1、可单独的功能点后端返回 2、可后端单独维护一个数据表 3、前端维护一个) 在路由前置守卫获取路由要进入的功能页 （数据有对应维护的功能页确定页面级）

依赖： • 使用 html2canvas（需要先安装：npm install html2canvas）。 绑定事件： • 在目标 DOM 上绑定 click 事件。 截图逻辑： • 点击后调用 htm

之前通过多级动态表单获取到多包裹，接下来就是再根据多包裹来判断可选择发货数量 要结合之前的多级表单动态添加包裹会更好理解 目前这个只是一种方法，我相信还有别的方法，可能会更简单 选择商品 选择商品里面

写作背景： 作为一个程序员避免不了的遇见bug，解决bug。我是比较喜欢解决bug的。每次解决bug都会有不一样的成就感。可是这次遇到这个重构项目着实把我恶心到了，解决了一个bug又出现一个bug，里

1、使用setTimeOut 使用两种方法第一种方法是就是在请求之前设置标识，请求之后修改标识。达到连续点击只掉一次请求 2、按钮防抖 使用防抖放在直接把请求当做一个方法

需求:不允许token暴漏在地址栏 拿到token放到 sessionStorage里面 并重新刷新地址 所有统一使用query的页面就直接替换为sessionStorage

说点废话，最近在做一个重构的项目。我感觉学不到东西，业务也就那样。这个简单的我感觉要是之前的我。我就很快做出来了，这次我做了相对久了。很难受。吐槽一下吧，这个项目代码经过很多人说是屎山也不为过。但是搭

组织树懒加载 多选组织树必须要加的属性 对于组织树的默认展开和默认选中，其实归根结底就是一个，查看选中事件，返回来的值将返回的值赋值过去看看是否生效

在使用vite搭建的项目删除console 使用terser 第一步 第二步 在vite.config.ts 配置

这是后端给的json数据格式 echarts需要的数据格式 series 里面的link的数据 series 里面的link的数据 递归调用方法

下载nginx并配置 首先下载nginx 查看nginx 启动nginx 因为nginx默认的端口号是8080，因此我们页面访问 http://localhost:8080 即可，看到如下信息： 使用

需求 当点击左侧复选框时，右侧的全部复选框会被选中，当右侧部分复选框被选中时，左侧会显示半选状态。上方有一个全选复选框，当左侧所有复选框都被选中时，全选按钮会显示选中状态，当左侧复选框部分选中时，全选

更改后端的数据格式适配el-tree组织树，通过使用map循环和扩展运算符来得到自己想要的json数据格式

当项目逐渐变大之后，文件与文件直接的引用关系会很复杂，这时候就需要使用alias 了。 有的人喜欢alias 指向src目录下，再使用相对路径找文件

什么是Pinia Pinia本质上依然是一个状态管理的库，它允许你跨组件/页面进行状态共享 Pinia和Vuex的区别？ 与Vuex相比，Pinia提供了一个更简单的API，具有更少的规范，提供了Co

host:'0.0.0.0', /别人可以访问本项目的ip地址 在vue项目不需要访问ipconfig 直接设置host

当在gitlab第一次创建项目的时候出现这这个报错fatal: couldn't find remote ref main git pull remote branch cannot find rem

javascript自带一个window全局变量，alert，console等方法存在于全局变量中。 若定义变量不使用var，let，const，那么该变量默认为一个全局变量 优点： 全局可访问：通过

调试npm下载的组件  1，找到node_modules里面的对应文件，然后找到文件下的packages文件找到对应的组件  2在使用的文件里面重新引入packages的组件  3在packages组

1.Js 当中0 除以 0的时候是NaN        原因：任何数值除以0都会导致错误而终止程序执行。但是在 JavaScript 中，会返回出特殊的值，因此不会影响程序的执行  2.Js当中1 除