摘要: js/javaScript实现金额千分位 作为前端开发,我们都知道,在实际的需求开发中,难免会遇到需要将接口返回的金额进行千分位格式化的场景。千分位后的金额便于阅读,提升用户体验。金额千分位可以由前端来处理,也可以后端处理后返回给前端展示。 阅读全文
posted @ 2023-11-02 15:16 豫见陈公子 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 封装vue基于element的select多选时启用鼠标悬停折叠文字以tooltip显示具体所选值 相信很多公司的前端开发人员都会选择使用vue+element-ui的形式来开发公司的管理后台系统,基于element-ui很丰富的组件生态,我们可以很快速的开发管理后台系统的页面(管理后台系统的页面也不复杂,大多都是分页查询类需求和增删改查)。但一个前端框架有优点,就必然会有一些缺点或bug存在,element-ui框架也不例外,甚至elementui框架的缺点或bug还很多,这里就不一一列举了,相信使用它的我们都心知肚明。 今天,本篇文章就针对element-ui的一个组件——select选择器进行一些改进,以达到我们实际的项目开发中想要实现的一个效果,或者说完善该组件的一些功能。当然了,还是在select选择器的基础上改进,不会对它的源代码做任何修改。 阅读全文
posted @ 2023-05-25 09:10 豫见陈公子 阅读(704) 评论(2) 推荐(2) 编辑
摘要: vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能 一开始看到这个功能需求,我也很懵逼,因为从来没有做过啊,哈哈。。。但转念一想既然产品能提出这个需求,想必会有人实现过,就去网上查了查资料,果不其然,还真有人做过,但离我想要的效果还是差着十万八千里,所以按照网上大神的思路,结合我司的实际需求,自己就把它给捣鼓出来了。 其实刚做好的效果还是能实现产品的需求的,我就让同事帮忙测试一下看看有没有什么bug,因为我司对bug的要求以及对用户体验的要求还是很严格的,所以在同事的实际测试以及提醒下,后面我又参照电脑上基于ctrl、shift键来选中文件的实际效果做了改进,算是不给测试提bug的机会吧。 阅读全文
posted @ 2023-05-24 11:43 豫见陈公子 阅读(685) 评论(0) 推荐(7) 编辑
摘要: 我们前端开发人员在使用表格的过程中,大概率碰到的都是表格头部在表格的最上边,然后呈一行展示,紧接着就是表格的每一行的每一个单元格来展示具体内容的场景,很少会遇到表格的头部呈纵向一行展示,也就是说表格的头部在左边,具体的内容在右边(也可以说是左右结构)这种使用场景,而且有时候的场景可能会是纵向表头有两列或多列。遇到这样的需求或者说使用场景,你也不能说人家产品提的需求不合理,毕竟使用场景不同。 阅读全文
posted @ 2021-04-01 14:30 豫见陈公子 阅读(6692) 评论(4) 推荐(2) 编辑
摘要: 封装Vue Element的可编辑table表格组件 前一段时间,有博友在我那篇「封装Vue Element的table表格组件」的博文下边留言说有没有那种“表格行内编辑”的封装组件,我当时说我没有封装过这样的组件,因为一直以来在实际开发中也没有遇到过这样的需求,但我当时给他提供了一个思路。 时间过去了这么久,公司的各种需求也不停地往外冒,什么地图图表 阅读全文
posted @ 2021-02-05 16:38 豫见陈公子 阅读(7948) 评论(26) 推荐(7) 编辑
摘要: 前一段时间分享了基于vue和element所封装的弹窗组件封装Vue Element的dialog弹窗组件,今天就来分享一个基于react和AntD所封装的弹窗组件,反正所使用的技术还是那个技术,情况还是那个情况。只是基于vue所封装的弹窗组件和基于react所封装的弹窗组件还是有很大差别的。一样的是封装的思想和思路,不一样的是实现的技术。 阅读全文
posted @ 2020-09-10 14:04 豫见陈公子 阅读(7470) 评论(0) 推荐(0) 编辑
摘要: 并不是所有封装组件的方式都是一成不变的,你可以采用函数式组件这种能提高性能的方式,也可以使用带有状态和生命周期的普通组件的封装方式。但像dialog这种包含很多点击事件如确定或提交事件、取消或重置事件、右上角那个小叉叉的关闭事件等,又有可能包含嵌套其他组件如表格组件、表单组件、树形组件、穿梭框组件等的公共组件,其成分略微复杂,功能不太单一,你若要采用函数式组件的方式来封装也不是不可以,只是可能xue微要麻烦一些,我自己建议是不采用这种封装方式,就采用普通的封装方式就好。 阅读全文
posted @ 2020-09-01 14:40 豫见陈公子 阅读(21661) 评论(3) 推荐(2) 编辑
摘要: 一直都很忙,写分享基本都是在中午午休时赶出来的,然后趁着在工作中颈椎疼的难以忍受时稍微休息一下的过程中排版发出来的。不过我也发现一个现象,就是我分享的有关封装的react方面的组件的关注度没有封装的vue方面的组件的关注度来得高,有可能是百度对我分享的vue方面的组件做了收录,所以大家也能在百度上搜索到,而我分享的react方面的组件却基本没有被百度收录的原因,或许也有可能是用vue的人多过用react的人,但我无意去对比两者,大家开心就好。 阅读全文
posted @ 2020-08-25 14:06 豫见陈公子 阅读(5532) 评论(6) 推荐(7) 编辑
摘要: 前两天封装了一个基于vue和Element的table表格组件,阅读的人还是很多的,看来大家都是很认同组件化、高复用这种开发模式的,毕竟开发效率高,代码优雅,逼格高嘛。虽然这两天我的心情很糟糕,就像“懂王”怼记者:“你是一个糟糕的记者;CNN,Fake news”一样的心情,但我还是忍着难受的心情来工作和分享,毕竟工作是饭碗,分享也能化解我糟糕透顶的心情。 阅读全文
posted @ 2020-08-21 14:09 豫见陈公子 阅读(7335) 评论(17) 推荐(6) 编辑
摘要: 封装Vue Element的table表格组件 上周分享了几篇关于React组件封装方面的博文,这周就来分享几篇关于Vue组件封装方面的博文,也好让大家能更好地了解React和Vue在组件封装方面的区别。 在封装Vue组件时,我依旧会交叉使用函数式组件的方式来实现。关于函数式组件,我们可以把它想像成组件里的一个函数,入参是渲染上下文(render 阅读全文
posted @ 2020-08-18 15:16 豫见陈公子 阅读(6284) 评论(11) 推荐(4) 编辑