vue
文章平均质量分 69
vue前端统一技术栈
FoxMale007
让操作体验技术。所有文章均为纯原创。
鄙视是一种人权,你没办法剥夺他人,只能用结果重重的回应它 ------ 那个啥
展开
-
优化uni-app页面间的传参跳转【兼容多端】
options传值简单的场景好用。对于传递复杂对象options就有点力不从心了,毕竟URL模式GET传递参数的长度有限。此时需要采用eventChannel模式,而默认的模式使用复杂,需要进行再优化虽然eventChannel也实现了上下级页面(对于页面栈式应用,我称之为上下级比较合适)传递参数,但是灵活度高也就意味着使用复杂。之前写过ElementUI的窗体模式封装,参考同样的理念。我需要实现一种更贴近开发逻辑的调用效果原创 2024-08-26 01:26:31 · 483 阅读 · 0 评论 -
【vue3+Typescript】手撸了一个轻量uniapp导航条,支持带参数返回
最近公共组件写到导航条,本来打算拿已有的改。看了下uniapp市场上已有的组件,一是不支持vue3+typescript,二是包装过重。索性自己手撸了一个导航条,不到100行代码全部搞定,因为自己的需求很简单原创 2024-08-19 16:48:08 · 501 阅读 · 1 评论 -
【VUE3】uni-app集成animation.css,按钮触发公共方法,无需绑定样式变量
animation是个好东西,实现了一些常用的方法。最近集成到uni-app中,发现网上的通常都是使用绑定变量的方式来实现。少了通过指定ref触发的模式,总感觉有那么别扭。撸了一上午代码,把这个功能实现了出来。原创 2024-08-17 16:13:16 · 378 阅读 · 0 评论 -
uniapp小程序多线程 Worker 实战【2024】
最近遇到个小程序异步解码的需求,采用了WebAssembly,涉及大量的计算。由于小程序的双线程模型只有一个线程处理数据,因此智能寻求其它的解决方案。查看小程序的文档,发现小程序还提供一个异步线程的Worker方案,可以并行的。于是尝试采用Worker来进行异步运算,看了下文档,貌似只能有一个Worker异步进行,但是聊胜于无,能多一个线程并行计算,页面逻辑不会卡住就已经很不错了。原创 2024-06-05 23:28:49 · 1817 阅读 · 3 评论 -
封装uview-plus上传组件up-upload,支持v-model绑定
vue上传组件拿到了一般无法直接使用,需要对其上下传的接口按照业务进行处理及定制。本次拿到的uview-plus也是一样,对其上传组件up-upload进行封装,令其更方便开发原创 2024-06-01 11:08:39 · 686 阅读 · 0 评论 -
Elementplus 2.6.1表单链式校验,享受精简丝滑的开发体验
之前的表单代码看了下,写的比较冗长,于是去万能的Github找点轮子。最后 还是自己写代码改进了表单验证的创建原创 2024-04-06 16:38:47 · 515 阅读 · 0 评论 -
VUE typescript 调用stompjs[Rabbit MQ]
VUE typescript 调用stompjs[Rabbit MQ]原创 2024-04-12 01:22:44 · 242 阅读 · 0 评论 -
一个浮动绝对居中的tailwindcss
今天改进图片组件,遇到个SVG绝对居中的问题。想起之前大概是通过top left来实现,由于组件的宽高需要动态输入。不能定死宽高,于是想起来问GPT。刚开始老是给一些很菜的代码,不是我想要的。写出来的出乎意料的好,完美解决了我的问题。看来GPT太能装蒜了。气不打一处来,索性给他限死框框。原创 2024-04-08 00:26:36 · 169 阅读 · 0 评论 -
TAB标签美化 - SVG作为mask
今天觉得V3的标签不是很好看,忽然想起来之前看过Vue Admin Beautiful Pro的样式挺好的,顺手研究了一把。发现Vue Admin Beautiful是采用PNG+mask css来解决的。于是乎打算把V3的标签页做点小美化,但是迁移过程发生些小插曲,在此记录一下原创 2024-04-05 16:26:59 · 333 阅读 · 0 评论 -
解决element-plus table组件 fixed=“right“(left)浮动后横向滚动文字穿透的问题
解决element-plus table组件 fixed="right"(left)浮动后横向滚动文字穿透的问题原创 2024-04-05 11:42:33 · 869 阅读 · 0 评论 -
v3-admin-vite 改造自动路由,view页面自解释Meta
v3-admin-vite是一款不错的后端管理模板,主要是pany一直维护,最近将后台管理也进行了升级,顺便完成一直没时间解决的小痛痒:在不使用后端动态管理的情况下。我不希望单独维护一份路由定义,我希望页面是自解释的。实现其方案原创 2024-04-01 02:57:17 · 1211 阅读 · 0 评论 -
Vue element-ui 实现单选列表
工作太忙,好久没打点,来点原创浇浇水,要不博客真的长草了。。。element-ui组件强大,但是使用时发现少了一个最常见的组件:单选列表。我的概念中的列表框是这样的(从桌面开发带来的习惯-_-)或者是穿梭框的左半边但是这么基础的东西,element-ui 竟(懒)然(得)没(做)有(啊)!初学的同学可能想到拿table来弄了,但是table这个重量级。。加上一堆点...原创 2019-05-16 10:21:05 · 6797 阅读 · 5 评论 -
记局部覆盖element-ui的默认样式
今天正好在封装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.原创 2020-09-04 18:21:31 · 725 阅读 · 0 评论 -
以后端的思维优化VUE前端开发
引言后端可以靠各种框架和技术整合好CRUD的逻辑,甚至让业务开发仅集中在数据库设计上。相比而言,作为一个前端技术,除了靠奋不顾身的加班以外,还是有不少的方法可以让你活得更轻松一点,这需要跳出前端的圈子,向后端的思维来学习。并且,没有哪个技术能够让你速度一下飞跃,只能通过不断的改进一点一滴的积累出来。向spring学习Spring有个神奇的功能,叫package scan,它可以让你在建立服务代码的同时,自动配置好对应的容器设置前面我写过一篇【使用webpack的动态模块功能实现类似包扫描原创 2020-09-15 11:47:02 · 212 阅读 · 0 评论