会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
博客园
首页
新随笔
联系
订阅
管理
博客园
首页
新随笔
联系
订阅
管理
随笔 - 232
文章 - 0
评论 - 206
阅读 -
54万
2023年11月2日
js/javaScript实现金额千分位
摘要:
作为前端开发,我们都知道,在实际的需求开发中,难免会遇到需要将接口返回的金额进行千分位格式化的场景。千分位后的金额便于阅读,提升用户体验。金额千分位可以由前端来处理,也可以后端处理后返回给前端展示。
阅读全文
posted @ 2023-11-02 15:16 豫见世家公子
阅读(846)
评论(0)
推荐(0)
2023年5月25日
封装vue基于element的select多选时启用鼠标悬停折叠文字以tooltip显示具体所选值
摘要:
相信很多公司的前端开发人员都会选择使用vue+element-ui的形式来开发公司的管理后台系统,基于element-ui很丰富的组件生态,我们可以很快速的开发管理后台系统的页面(管理后台系统的页面也不复杂,大多都是分页查询类需求和增删改查)。但一个前端框架有优点,就必然会有一些缺点或bug存在,element-ui框架也不例外,甚至elementui框架的缺点或bug还很多,这里就不一一列举了,相信使用它的我们都心知肚明。 今天,本篇文章就针对element-ui的一个组件——select选择器进行一些改进,以达到我们实际的项目开发中想要实现的一个效果,或者说完善该组件的一些功能。当然了,还是在select选择器的基础上改进,不会对它的源代码做任何修改。
阅读全文
posted @ 2023-05-25 09:10 豫见世家公子
阅读(1382)
评论(2)
推荐(2)
2023年5月24日
vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能
摘要:
一开始看到这个功能需求,我也很懵逼,因为从来没有做过啊,哈哈。。。但转念一想既然产品能提出这个需求,想必会有人实现过,就去网上查了查资料,果不其然,还真有人做过,但离我想要的效果还是差着十万八千里,所以按照网上大神的思路,结合我司的实际需求,自己就把它给捣鼓出来了。 其实刚做好的效果还是能实现产品的需求的,我就让同事帮忙测试一下看看有没有什么bug,因为我司对bug的要求以及对用户体验的要求还是很严格的,所以在同事的实际测试以及提醒下,后面我又参照电脑上基于ctrl、shift键来选中文件的实际效果做了改进,算是不给测试提bug的机会吧。
阅读全文
posted @ 2023-05-24 11:43 豫见世家公子
阅读(1152)
评论(0)
推荐(7)
2021年4月1日
封装Vue竖直纵向表头左右结构的table表格
摘要:
我们前端开发人员在使用表格的过程中,大概率碰到的都是表格头部在表格的最上边,然后呈一行展示,紧接着就是表格的每一行的每一个单元格来展示具体内容的场景,很少会遇到表格的头部呈纵向一行展示,也就是说表格的头部在左边,具体的内容在右边(也可以说是左右结构)这种使用场景,而且有时候的场景可能会是纵向表头有两
阅读全文
posted @ 2021-04-01 14:30 豫见世家公子
阅读(7588)
评论(4)
推荐(2)
2021年2月5日
封装Vue Element的可编辑table表格组件
摘要:
前一段时间,有博友在我那篇「封装Vue Element的table表格组件」的博文下边留言说有没有那种“表格行内编辑”的封装组件,我当时说我没有封装过这样的组件,因为一直以来在实际开发中也没有遇到过这样的需求,但我当时给他提供了一个思路。 时间过去了这么久,公司的各种需求也不停地往外冒,什么地图图表
阅读全文
posted @ 2021-02-05 16:38 豫见世家公子
阅读(8222)
评论(26)
推荐(7)
2020年9月10日
封装React AntD的dialog弹窗组件
摘要:
前一段时间分享了基于vue和element所封装的弹窗组件封装Vue Element的dialog弹窗组件,今天就来分享一个基于react和AntD所封装的弹窗组件,反正所使用的技术还是那个技术,情况还是那个情况。只是基于vue所封装的弹窗组件和基于react所封装的弹窗组件还是有很大差别的。一样的是封装的思想和思路,不一样的是实现的技术。
阅读全文
posted @ 2020-09-10 14:04 豫见世家公子
阅读(7790)
评论(0)
推荐(0)
2020年9月1日
封装Vue Element的dialog弹窗组件
摘要:
并不是所有封装组件的方式都是一成不变的,你可以采用函数式组件这种能提高性能的方式,也可以使用带有状态和生命周期的普通组件的封装方式。但像dialog这种包含很多点击事件如确定或提交事件、取消或重置事件、右上角那个小叉叉的关闭事件等,又有可能包含嵌套其他组件如表格组件、表单组件、树形组件、穿梭框组件等的公共组件,其成分略微复杂,功能不太单一,你若要采用函数式组件的方式来封装也不是不可以,只是可能xue微要麻烦一些,我自己建议是不采用这种封装方式,就采用普通的封装方式就好。
阅读全文
posted @ 2020-09-01 14:40 豫见世家公子
阅读(22164)
评论(3)
推荐(2)
2020年8月25日
封装Vue Element的upload上传组件
摘要:
一直都很忙,写分享基本都是在中午午休时赶出来的,然后趁着在工作中颈椎疼的难以忍受时稍微休息一下的过程中排版发出来的。不过我也发现一个现象,就是我分享的有关封装的react方面的组件的关注度没有封装的vue方面的组件的关注度来得高,有可能是百度对我分享的vue方面的组件做了收录,所以大家也能在百度上搜索到,而我分享的react方面的组件却基本没有被百度收录的原因,或许也有可能是用vue的人多过用react的人,但我无意去对比两者,大家开心就好。
阅读全文
posted @ 2020-08-25 14:06 豫见世家公子
阅读(5581)
评论(6)
推荐(7)
2020年8月21日
封装Vue Element的form表单组件
摘要:
前两天封装了一个基于vue和Element的table表格组件,阅读的人还是很多的,看来大家都是很认同组件化、高复用这种开发模式的,毕竟开发效率高,代码优雅,逼格高嘛。虽然这两天我的心情很糟糕,就像“懂王”怼记者:“你是一个糟糕的记者;CNN,Fake news”一样的心情,但我还是忍着难受的心情来工作和分享,毕竟工作是饭碗,分享也能化解我糟糕透顶的心情。
阅读全文
posted @ 2020-08-21 14:09 豫见世家公子
阅读(7482)
评论(17)
推荐(6)
2020年8月18日
封装Vue Element的table表格组件
摘要:
上周分享了几篇关于React组件封装方面的博文,这周就来分享几篇关于Vue组件封装方面的博文,也好让大家能更好地了解React和Vue在组件封装方面的区别。 在封装Vue组件时,我依旧会交叉使用函数式组件的方式来实现。关于函数式组件,我们可以把它想像成组件里的一个函数,入参是渲染上下文(render
阅读全文
posted @ 2020-08-18 15:16 豫见世家公子
阅读(6477)
评论(11)
推荐(4)
下一页
公告
欢迎光临高级WEB前端开发天地,本博客可以很好的在移动端展示,如果您对本博客感兴趣,您可以:
在线交流
交流群:
E-mail:
昵称:
豫见世家公子
园龄:
10年5个月
粉丝:
112
关注:
8
+加关注
搜索
最新随笔
1.js/javaScript实现金额千分位
2.封装vue基于element的select多选时启用鼠标悬停折叠文字以tooltip显示具体所选值
3.vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能
4.封装Vue竖直纵向表头左右结构的table表格
5.封装Vue Element的可编辑table表格组件
6.封装React AntD的dialog弹窗组件
7.封装Vue Element的dialog弹窗组件
8.封装Vue Element的upload上传组件
9.封装Vue Element的form表单组件
10.封装Vue Element的table表格组件
随笔分类
Angular(1)
DIV+CSS(55)
HTML5+CSS3(14)
JQuery Mobile(4)
JS/JQuery(103)
PS(1)
React(10)
VUE(22)
WebApp(7)
其他技术区(17)
随笔档案
2023年11月(1)
2023年5月(2)
2021年4月(1)
2021年2月(1)
2020年9月(2)
2020年8月(6)
2020年5月(1)
2020年1月(1)
2019年10月(5)
2019年9月(2)
2019年6月(2)
2019年5月(3)
2019年3月(6)
2019年2月(1)
2019年1月(3)
2018年12月(1)
2018年10月(1)
2018年7月(1)
2018年6月(2)
2018年5月(2)
2018年4月(2)
2017年12月(3)
2017年11月(2)
2017年10月(1)
2017年9月(1)
2017年7月(1)
2017年6月(2)
2017年5月(2)
2017年4月(2)
2017年2月(2)
2017年1月(3)
2016年12月(2)
2016年11月(3)
2016年10月(3)
2016年9月(1)
2016年8月(4)
2016年7月(1)
2016年5月(4)
2016年4月(3)
2016年3月(2)
2016年2月(3)
2016年1月(6)
2015年12月(2)
2015年11月(4)
2015年10月(5)
2015年9月(7)
2015年8月(8)
2015年7月(4)
2015年6月(4)
2015年5月(4)
2015年4月(5)
2015年3月(4)
2015年2月(4)
2015年1月(10)
2014年12月(16)
2014年11月(57)
更多
阅读排行榜
1. vue+element-ui之tree树形控件有关子节点和父节点之间的各种选中关系详解(32769)
2. BootStrap 模态框禁用空白处点击关闭(29182)
3. css解决select下拉表单option高度的办法(25478)
4. swiper默认显示三个,中间放大且显示全部图片两边显示部分图片的实现方法(22165)
5. 封装Vue Element的dialog弹窗组件(22164)
推荐排行榜
1. vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能(7)
2. 封装Vue Element的可编辑table表格组件(7)
3. 封装Vue Element的upload上传组件(7)
4. 封装Vue Element的form表单组件(6)
5. 使用echarts画一个类似组织结构图的图表(5)
最新评论
1. Re:封装vue基于element的select多选时启用鼠标悬停折叠文字以tooltip显示具体所选值
@蓝天白云1996 // 鼠标移入select多选后边的数字上时,以浮窗的形式展示其余勾选的数据的样式 .jy-ui-select, .jy-ui-cascader { .el-tag { displ...
--豫见陈公子
2. Re:封装vue基于element的select多选时启用鼠标悬停折叠文字以tooltip显示具体所选值
大神,能不能提供下文章里出现的几个类名的样式。。。拜托拜托 jy-ui-select-tooltip jy-ui-select-tooltip-content jy-ui-select-tooltip...
--蓝天白云1996
3. Re:封装Vue Element的可编辑table表格组件
@水水水水水水水 如何改变输入框的宽度 输入框的宽度我默认给的是100%,它是随着表格的宽度变化而变化。 表格宽度的设置,在使用方法中,我已经给出示范了。...
--豫见陈公子
4. Re:封装Vue Element的可编辑table表格组件
@水水水水水水水 来自小白的提问:这个组件可以放在父组件的表单里么?即表单嵌套表单 没明白你的意思...
--豫见陈公子
5. Re:封装Vue Element的可编辑table表格组件
如何改变输入框的宽度
--水水水水水水水
点击右上角即可分享