applebomb的专栏

UVIEW-UI兼容多端好用，自己使用时遇到几个问题：1）Toast组件在有popup组件时，会出现Toast看不到的问题2）原代码是javascript写的，更改一下适配Typescript，尤其是type指定的方式3）由于是暗色色系，需要重新定义一下皮肤本着解决这几个问题的思路，就读了下uview-ui的toast组件u-toast.vue源码：u-toast.vue：然后开始解决问题：这个直接丢给AI就行了，GPT呼啦啦一会就翻译好了。当然还有几个BUG，类型不对什么的错误，也不是GPT

由于plus-websocket实测存在消息丢失的问题，只能寻找替代的方案，看文章说使用原生的即可很好的工作。实测在IOS和Android下能很好工作，不会丢失消息了，能自动重连。另外心跳也能正常工作了不用另建立一个线程处理。

跟踪连接，会发现连接都会在大约40s后掉线断开，然后由于stompjs保活机制又进行重连。在重连过程中，对应的消息接收不到。导致出现部分消息丢失的情况。目前解决的办法，是自己实现一个心跳逻辑，每隔指定的时间发送。按照文章的方式，能够实现APP下stmopjs长连接。但是有一个问题，就是会频繁输出。然后在onConnect后激活心跳。这样就解决了掉线问题。

DCloud市场上的看了下，都不好用，于是自己撸了个。基于unibest+ccframe框架。由于这个是对比工具，要求前后两个图片比例一致，否则会变形，大小可以不一致。用户图片对比，支持滑块拖动对比、图片放大缩小、下载这些基本功能。

最近开发一个项目，需要实现声网的接入。由于采用uniapp模式，按照最佳实践采用优先开发H5再适配的模式。因此实现了H5和Android、IOS三模式的接入，Android和IOS里采用离线打包自定义基座来进行调试。怕自己忘记了，在这里详细的记录完整的核心整合逻辑

vite server支持正则表达式，这样可以在测试时将一些请求模拟转发到本地后端服务的端口。且不会出现跨域的问题。2）正则里循环匹配必须以分组的方式出现，例如第二条写成常规的^/.*.txt是无法匹配到的，必须把.*用括号括起来。2）文件资源路径转发到本地后端服务（后端服务上传地址）3）根目录下所有的txt文件转发到本地后端服务。4）websocket推送转发到本地的推送地址。1）以^号开头的才是正则，否则是普通URI匹配。1）API请求URI地址转发到本地后端服务。这里记录一笔，怕时间长了忘了。

options传值简单的场景好用。对于传递复杂对象options就有点力不从心了，毕竟URL模式GET传递参数的长度有限。此时需要采用eventChannel模式，而默认的模式使用复杂，需要进行再优化虽然eventChannel也实现了上下级页面（对于页面栈式应用，我称之为上下级比较合适）传递参数，但是灵活度高也就意味着使用复杂。之前写过ElementUI的窗体模式封装，参考同样的理念。我需要实现一种更贴近开发逻辑的调用效果

最近公共组件写到导航条，本来打算拿已有的改。看了下uniapp市场上已有的组件，一是不支持vue3+typescript，二是包装过重。索性自己手撸了一个导航条，不到100行代码全部搞定，因为自己的需求很简单

animation是个好东西，实现了一些常用的方法。最近集成到uni-app中，发现网上的通常都是使用绑定变量的方式来实现。少了通过指定ref触发的模式，总感觉有那么别扭。撸了一上午代码，把这个功能实现了出来。

最近遇到个小程序异步解码的需求，采用了WebAssembly，涉及大量的计算。由于小程序的双线程模型只有一个线程处理数据，因此智能寻求其它的解决方案。查看小程序的文档，发现小程序还提供一个异步线程的Worker方案，可以并行的。于是尝试采用Worker来进行异步运算，看了下文档，貌似只能有一个Worker异步进行，但是聊胜于无，能多一个线程并行计算，页面逻辑不会卡住就已经很不错了。

vue上传组件拿到了一般无法直接使用，需要对其上下传的接口按照业务进行处理及定制。本次拿到的uview-plus也是一样，对其上传组件up-upload进行封装，令其更方便开发

之前的表单代码看了下，写的比较冗长，于是去万能的Github找点轮子。最后 还是自己写代码改进了表单验证的创建

VUE typescript 调用stompjs[Rabbit MQ]

今天改进图片组件，遇到个SVG绝对居中的问题。想起之前大概是通过top left来实现，由于组件的宽高需要动态输入。不能定死宽高，于是想起来问GPT。刚开始老是给一些很菜的代码，不是我想要的。写出来的出乎意料的好，完美解决了我的问题。看来GPT太能装蒜了。气不打一处来，索性给他限死框框。

今天觉得V3的标签不是很好看，忽然想起来之前看过Vue Admin Beautiful Pro的样式挺好的，顺手研究了一把。发现Vue Admin Beautiful是采用PNG+mask css来解决的。于是乎打算把V3的标签页做点小美化，但是迁移过程发生些小插曲，在此记录一下

解决element-plus table组件 fixed="right"(left)浮动后横向滚动文字穿透的问题

v3-admin-vite是一款不错的后端管理模板，主要是pany一直维护，最近将后台管理也进行了升级，顺便完成一直没时间解决的小痛痒：在不使用后端动态管理的情况下。我不希望单独维护一份路由定义，我希望页面是自解释的。实现其方案

工作太忙，好久没打点，来点原创浇浇水，要不博客真的长草了。。。element-ui组件强大，但是使用时发现少了一个最常见的组件：单选列表。我的概念中的列表框是这样的（从桌面开发带来的习惯-_-）或者是穿梭框的左半边但是这么基础的东西，element-ui 竟（懒）然（得）没（做）有（啊）！初学的同学可能想到拿table来弄了，但是table这个重量级。。加上一堆点...

今天正好在封装element-ui的表格组件，对比了下layui的样式，发现element的padding过大和line-height过小。作用的样式对应如下：.el-table td, .el-table th{padding:12px 0}.el-table .cell{line-height: 23px}按照以往的做法，是在vue里新建一个style，不设置scoped。并在table上指定一个新的class，例如mytable<el-table class="mycl.

引言后端可以靠各种框架和技术整合好CRUD的逻辑，甚至让业务开发仅集中在数据库设计上。相比而言，作为一个前端技术，除了靠奋不顾身的加班以外，还是有不少的方法可以让你活得更轻松一点，这需要跳出前端的圈子，向后端的思维来学习。并且，没有哪个技术能够让你速度一下飞跃，只能通过不断的改进一点一滴的积累出来。向spring学习Spring有个神奇的功能，叫package scan，它可以让你在建立服务代码的同时，自动配置好对应的容器设置前面我写过一篇【使用webpack的动态模块功能实现类似包扫描