Nuxt3 PM2部署 但有时候会出现pm2: command not found的问题，使用node管理器是能跑但是端口改不了，大概是环境变量PORT设置的问题，后续再研究。都是使用pm2部署，ecosystem.config.cjs文件配置。安装PM2管理器，切换node版本，添加项目即可。然后将生成的代码复制粘贴运行。1、宝塔PM2管理器。
关于echarts一种另类散点图的做法 我和后端那边商量在最大放大档是一小时内数据只显示在这个小时的刻度线上，但只要滚轮放大，就显示到真实的点上。当然还是会有重叠的情况，但没必要去考虑的太细，一方面本省就不符合坐标轴的逻辑，第二那我还要考虑视口宽度，太麻烦了，最后还可能吃力不讨好，觉得做到这种程度其实也差不多，至于到秒级事件触发过于频繁，就需要后端那边去处理了，去掉那些重复事件。目前需求是要做散点图，但要求不能重叠，得横着排，这就很为难，因为我的轴是时间轴，考虑之后打算采取柱状图的方式去实现，隐藏掉柱子，只显示散点图的图标。
关于优化echarts datazoom鼠标滚轮缩放灵敏度的问题 产品那边反应图表缩放要滚很久才能滚到最小的秒级，然后本身echarts datazoom配置是不支持这个功能配置的，于是通过去鼠标wheel事件去优化，思路就是找到鼠标的相对x轴的坐标，通过这个坐标去修改datazoom的start、end，就可以在原有基础上，扩大倍数，基本滚两三下就滚到底了，具体代码如下，我用的是vue-echarts，datazoom是配置的inside，x轴我是时间轴。
关于Nuxt3使用svg 3、plugin引入 virtual:svg-icons-register，然后nuxt plugin配一下就行。自定义不管是大小颜色都比官方module那个好用太多。安装vite-plugin-svg-icons。官方的不好用，还是用vite自己自定义的好用。1、自定义svg组件。
关于Nuxt3首屏加载loading的做法 看了网上很多资料，但是都无法实现，最后采用纯css的方法实现了效果，利用css的animation，因为使用js代码的话，总要等到客户端js加载完成才执行。但是我的需求是一个假的loading，就是无论多卡，显示一个几秒的loading，优化首屏的显示效果。接下来是页面的骨架屏，这个我还没搞好，搞好后面补上。这是layout文件。
入职git报错问题 remote: User permission denied 入职git报错，发现是前面有人使用过这个电脑，所以是他的密码，导致我这边没权限返回不了，试了网上很多方法，千奇百怪，最后git重装也没用。最后找到的解决办法是。
el-table 通过自定义指令下拉分页 参考网上的el-select下拉框下拉分页，使用自定义指令方式实现table的下拉分页Vue.directive('loadMoreTable', { inserted(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelectorAll('.el-table__body-wrapper')[0] SELECTWRAP_DOM.addEventListener('scrol
elementUI使用vue-direction-key实现键盘上下左右bug解决办法 最近要求输入框上下左右能实现输入框焦点切换的效果，在网上查了下决定使用vue-direction-key来实现功能，但是实际使用发现vue-direction-key配合element的select和date组件使用有问题，比如select无法展开、切换、关闭，然后对direction.on的方法进行修改，最后实现了功能。页面部分代码，注意x和y必须严格从0开始加1，我没做跳多个的判断，select和date分别使用type，date还需要配置dateIndex和ref<el-form :mode
粗劣的时间计算当天、昨天、上月、本月、本年 在别人获取上月的基础上获取import moment from 'moment'function getPreMonth(date) { date = moment(date).format('YYYY-MM-DD'); var arr = date.split('-'); var year = arr[0]; //获取当前日期的年份 var month = arr[1]; //获取当前日期的月份 var day = arr[2]; //获取当前日期的日 var days = n
关注
