技巧心得
技巧心得
赤末
这个作者很懒,什么都没留下…
展开
-
给伪元素绑定点击事件,VUE3 splitpanes绑定::after ::before点击事件 html js css
通过伪元素css添加鼠标指针状态,然后在click事件【判断当前点击的dom】和【当前的指针状态】,以此来实现点击效果。有个需求,用splitpanes做页面可以拉动改变宽度,然后想给中间伪元素的小按钮【绑定点击事件】,以达到显示隐藏某模块的效果。搜了一圈,并没有发现比较方便的办法,伪元素不是真实存在的dom,所以没办法绑定点击事件。请注意,在此处我的伪元素的width是占满的,所以我并没有判断x坐标(width)是否在伪元素中。click事件【判断当前点击的dom】,加上【判断当前点击的坐标】原创 2024-07-06 12:59:14 · 350 阅读 · 0 评论 -
VUE3+elementUI 日期时间组件筛选时区分区间 el-date-picker
使用【disabled-Minutes】和【disabled-hours】禁用分区,让其不能选择。之前遇到个需求,老板想要只选0-10点,且分钟区只要0和30,于是就有了以下代码。打开控制台,发现被禁用的都带有.is-disabled的class属性。但是会发现,禁用的分区还是显示出来了,这样并不能提升操作效率。注意不要放到带scoped的style标签中。于是我们在css中加上让其不显示的规则。原创 2024-07-01 19:57:13 · 519 阅读 · 0 评论 -
VSCode安装local History后设置不搜索.history文件目录,vscode排除指定目录/文件
在根目录创建settings.json文件,代码设置如下。.history/意思是搜索排除.history目录。原创 2024-07-04 13:45:58 · 346 阅读 · 0 评论 -
返回用户所在地区的时间和时区,针对面向海外全球用户兼容处理
话不多说,先上效果图业务场景:由于公司业务涉及海外用户,客服在线时间与用户当地不相同,再加上业务广泛各个国家时区都有,所以才需要此需求思路:通过取得用户所在地区的时间差(格林威治时间和用户时间之间的时差),然后来计算出用户所在地区的时间踩坑:在中国,用getTimezoneOffset()方法返回出来的时间差是负8小时,可实际上中国的时间与格林威治时间应该是+8小时才对。导致我计算标准时间踩了坑这是因为用这个方法返回出来的时间,是以当地(中国)的时间为标准,中国的时间距离标准..原创 2021-08-21 18:31:54 · 241 阅读 · 0 评论