vue多tab页面全部关闭后自动退出登录 业务场景：主项目是用vue写的单页面应用，但是有多开页面的需求，现在需要在用户关闭了所有的浏览器标签页面后，自动退出登录。思路：因为是不同的tab页面，我只能用localStorage来通信，新打开一个标签页（页面初次装载时），我就往数组中加一个页面，在（页面关闭或刷新等）页面卸载时移除它。这样就只需要在页面装载时（load事件）判断当前是不是刷新页面就可以了，只要是其他来源就直接登出。
vuepress2 打包后刷新页面侧边栏丢失问题 我看了控制台，侧边栏不出现的原因，应该是样式那块处理坏掉了，因为我设置了首页，首页的的class是home，普通页面的的class是page。刷新后普通页面的class还是home，这应该就是侧边栏不显示的原因。同时这个home页面的部分内容还会被留下来，然后新页面的内容也开始加载了一部分。然后控制台就报错了。控制台报错图放最下面了。我把vuepress2这个文档都克隆到本地看过了，看着配置都差不多，就是不行。折腾我大半天，最后是nodejs版本的问题，我都要放弃了，还好我又去瞅了眼文档。
element plus table 滚动监听 触底 参考了网上的其他的element ui 的滚动触底的方法，但是无法获取bodyWrapper的scrollTop,这里我就直接去找了那个提供实际滚动的容器.el-scrollbar__wrap了。
tailwindcss + element plus 自动引入时，el-button样式被覆盖的问题 问题描述在安装了tailwindcss + element plus 时，会发现el-button的样式被tailwindcss的样式给覆盖了，（目前也只遇到button被覆盖的情况）。问题分析是样式加载顺序的问题解决办法https://github.com/element-plus/element-plus/issues/5693全部引入时可以通过调整引入element plus的样式和tailwindcss的样式的顺序先引入tailwindcss的样式，然后在引入element plus
vue tsx 动态渲染无限级菜单 当前环境和插件vue3 + ts + element plus想法根据是否存在children(下级菜单)来决定是创建el-ment-item(单条) 还是 el-sub-item（目录）如果存在children(下级菜单)，即渲染的是el-sub-item(目录)，则需要再其内部递归创建，继续重复1和2步骤有疑问的地方icon的动态渲染标签： 关于icon的引入，我还不清楚怎么动态渲染标签并创建相应的节点内容，如果在用vue中导出的 h 来创建的话，只有一个标签名，并不实际渲染内容。
js 递归树结构，根据子节点获取父节点 遍历数组，根据子节点查询父节点中的各个层需求目前只知道【节点6】，想要知道【节点6】在哪棵树上预期结果：返回一个层级数组[2, 6]实际情况：找到结果，并正确打断跳出源码// 数据源const dataSource = [ { id: 1, label: 'Level one 1', children: [ { id: 4, label: 'Level
学习搭建后台管理系统模板之layout布局 本项目学习对象是优秀的后台系统模板vben-admin，期待通过学习解读该项目，熟悉前端项目工程化。看了vben-admin的layout布局，感觉好麻烦，我尝试往简单了做，我觉得已经涵盖常见布局类型了。做法是：控制顶栏和侧边栏的【是否显示】【是否固定】，除此之外还需记录【侧边栏宽度】【顶栏高度】，因为布局主要通过position来控制位置。ps:一开始确实不知道怎么下手，总想着从更广的角度去考虑，浪费了不少时间，还折腾不出啥，唉！人就是想太多，没必要，干就完了，只要把它拆开，其实也没啥东西，先从实.
学习搭建后台管理系统模板之vuex和vuerouter 本项目学习对象是优秀的后台系统模板vben-admin，期待通过学习解读该项目，熟悉前端项目工程化。内容VUEX 状态管理工具Vue Router 路由管理1. VUEX 状态管理工具1.1 安装npm install vuex@next --save1.2 自动导入modules文件夹中写的modulesrc/store/index.tsimport type { App } from 'vue'import { createStore } from 'vuex'//.
学习搭建后台管理系统模板之创建项目 本项目学习对象是优秀的后台系统模板vben-admin，期待通过学习解读该项目，熟悉前端项目工程化。内容创建项目探索vite配置eslint+preitter自动代码风格化1.创建项目该项目由vite搭建，根据vite官网-开始-搭建第一个 Vite 项目栏目的说明创建一个基础的vue3+ts的初始项目。2. 探索vite配置项浏览vite的配置项，初始设置需要配置的内容将某些配置内容多的单独提出来，目前只提出了plugin插件部分安装了dayjs插件，目的获取时间格式化，这个.
tp6 think-swoole4.0 websocket 使用的坑 我使用时的环境Centos 7.9PHP 7.4Swoole 4.8.5thinkPHP6 6.0.8think-swoole 4.0问题描述：socket.io与服务器连接成功，但是服务器没有根据客户端发的请求去执行，没有任何的返回，根本就没执行到listen中写的行为网上的例子找了不少，其实网上也没几个，都试了一下，代码基本都是大同小异，但是我试的时候就是跑不起来，只要在config/swoole.php配置文件中开启了websocket，连接是成功的，但是就是没有返回，直到看到了这篇文
linux gitee 代码自动部署-没有步骤 自动部署代码的原理：利用gitee的webhooks钩子方法，在push代码的时候，通知服务器去拉取代码我的环境是LAMPwww用户去管理网站目录，根据www用户创建的ssh公钥,代码拉取的方式也是以ssh的方式获取的，不用输密码。后端项目部署：我的后端是php项目，因为php代码可以直接运行，所以直接使用webhooks去访问服务器的php文件，让php执行shell脚本去拉取代码就可以了ps: 别人写的文章挺多的，也没啥东西，操作也比较简单。前端项目部署：因为前端项目是vue或react这
el-table删除row时，只能删除最后一个时，通过添加key属性解决 在使用element ui 时，使用el-table时，在template中添加了自定义组件后，发现删除时，只能删除只能删除最后一条记录了，去掉就正常。。。什么强制更新 forceUpdate，重新赋值都不好使，最后是通过增加一个key属性解决的，这个key不能使用scope.$index,得使用其它的唯一值。<el-table-column prop="transNum" label="数量" min-width="30%" align="center"> <template s
artqrcodejs的学习记录，尝试简单实现了gif二维码、图片作为前景色或背景色、渐变色、中心logo的功能 代码的原型是这位老哥的，他的github地址-ArtQRCode配合另一位老哥对二维码的讲解–深度探索二维码及其应用，让我对二维码的理解更深了，我大部分代码都加了注释，不过关于纠错算法的地方，我肝不动了，看不下去了。初衷是想用在vue项目中，github地址效果普通模式原本有的艺术二维码（以图片作为填充元素）附加的内容：我主要是做了些canvas的操作图片作为前景色填充图片作为背景色填充多彩模式-线性渐变多彩模式-径向渐变多彩模式-随机块gif–(用到了libgif.
ts class 拖拽实现，支持pc和mobile 看了网上的不少关于拖拽的文章，自己尝试着用es6 的class写了一个拖拽方法,记录一下配置项配置项描述默认值autoAdsord是否开启自动吸边trueadsordConfig吸边的相关配置，接收一个对象, 可以配置等待时间和持续时间{waitTime: 2,durationTime: 1.3}dragShadow是否开启拖影truetriggerTime启动拖拽的触发时间，接收一个number类型,单位是秒2responseTime拖拽
关注
