浅时光吖~ - 博客园

时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前

摘要： const formatPast = (date, type = "default", zeroFillFlag = true) => { // 定义countTime变量，用于存储计算后的数据 let countTime; // 获取当前时间戳 let time = new Date().getT 阅读全文

posted @ 2024-03-12 17:23 浅时光吖~ 阅读(23) 评论(0) 推荐(0) 编辑

地址识别（纯前端）

摘要：最近有一个需求，是要在前端做一个地址识别功能。。。确认不交给后台调接口去用ai识别吗？看需求图：（识别出来的地址要给勾选上，这是个四级联动）说一下解决方案：先将输入的地址格式化，去掉空格，统一把中文标点转换成英文，去掉换行符等。。。然后对字符串进行切割，进行强匹配，输出匹配上的数组。地址识别组阅读全文

posted @ 2022-09-28 09:54 浅时光吖~ 阅读(588) 评论(0) 推荐(0) 编辑

js的复制文本功能-复制到黏贴板

摘要： static copyToClipboard = (str: string): void => { const el = document.createElement('textarea'); el.value = str; el.setAttribute('readonly', ''); el.s 阅读全文

posted @ 2022-05-09 09:25 浅时光吖~ 阅读(70) 评论(0) 推荐(0) 编辑

火狐，谷歌浏览器input选择文件上传(上传两次失败)

摘要： 1.input输入框绑定ref来做文件上传功能，由a标签触发fileChange函数，用css控制input隐藏 2.转换成formData参数来提交。设置请求头 Content-Type：multipart/form-data inputNode.current.value = "" //谷歌上这阅读全文

posted @ 2022-04-29 17:58 浅时光吖~ 阅读(243) 评论(0) 推荐(0) 编辑

single-spa

摘要： 1.背景：随着业务的越来越大，打包工具的打包速度已经不能满足日常开发；技术栈的升级又不想对老代码进行重构，但新的代码业务想开始尝试新的技术栈；多个业务之间相同模块的复用等一系列问题；这就开始寻求一种新的解决方案，将应用拆解成多个更小、更易管理的小应用，一种由多个独立可交付的前端应用组合而成更庞大整阅读全文

posted @ 2021-12-03 11:41 浅时光吖~ 阅读(707) 评论(0) 推荐(0) 编辑

微信小程序api

摘要： /************************************************ * * * 微信小程序 API * * * ************************************************/ interface IAnimation { /** * 阅读全文

posted @ 2021-11-30 14:15 浅时光吖~ 阅读(226) 评论(0) 推荐(0) 编辑

微信小程序全屏背景图适配

摘要：需求：一张全屏背景图适配不同手机屏幕，图片不变形不裁剪方案：填充色+图片。其他方案不太行。其他方案参考微信社区：https://developers.weixin.qq.com/community/develop/doc/000eee514f8908ed7d5aef55e51400 #EF1739 阅读全文

posted @ 2021-11-25 14:53 浅时光吖~ 阅读(1407) 评论(0) 推荐(0) 编辑

react 开发中火狐，Safari浏览器嵌套iframe显示空白

摘要：场景：react 开发中，系统在火狐，Safari浏览器中，嵌套的iframe显示空白页了，在谷歌显示正常。（vue项目开发中我没有遇到，不知道为啥，知道的评论艾特一下我，谢谢啊）控制台检查一下，嵌套的iframe在火狐，Safari浏览器中body标签为空。 1.先附图说明遇到的问题：（注意在火阅读全文

posted @ 2021-09-22 17:27 浅时光吖~ 阅读(988) 评论(0) 推荐(0) 编辑

element ui dataPicker 日期范围限制

摘要： <el-date-picker v-model="time" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :clearable="clearable" :picker 阅读全文

posted @ 2021-06-30 17:02 浅时光吖~ 阅读(191) 评论(0) 推荐(0) 编辑

鼠标移入显示所有文字css

摘要： 1. content属性，缺点是如果你对文字做了省略号处理，那显示的也是省略号。且显示的空间和你宽度有关 1 .title:hover:after { 2 /*这里显示的内容为title属性对应的值*/ 3 content: attr(title); 4 z-index: 2; 5 } 2.titl 阅读全文

posted @ 2021-03-31 11:56 浅时光吖~ 阅读(1005) 评论(0) 推荐(0) 编辑

导航

2024年3月12日

2022年9月28日

2022年5月9日

2022年4月29日

2021年12月3日

2021年11月30日

2021年11月25日

2021年9月22日

2021年6月30日

2021年3月31日


Copyright © 2024 浅时光吖~ Powered by .NET 9.0 on Kubernetes 博客园