- 博客(36)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 对象数组去重
在处理对象数组时，如果需要根据对象中的多个属性值进行去重，可以使用 JavaScript 中的 Map 对象或者 Set 对象结合字符串化的方法来实现。下面我将给出一个具体的例子，假设我们有一个对象数组，每个对象中有两个属性 name 和 age，我们需要根据这两个属性的值来进行去重。假设我们有一个对象数组 arr，每个对象包含多个属性（例如 Bu, Name, Age 等），我们要根据这些对象的所有值是否完全相同来去除重复的对象。中，并将当前元素保留在过滤后的数组中。：用来存储已经见过的标识符。
2024-09-12 11:19:04
366
原创 【两组二维数组循环比对替换key值相同的值】
在这个情况下，我们需要根据 id 和 nid 来匹配 a 数组和 ba 数组中的 names 对象。如果找到，则根据 nid 匹配 names 对象，并更新相应的 a 和 c 属性。对于每个元素，查找 a 数组中具有相同 id 的元素。
2024-08-21 22:55:04
261
原创 qrcode-generator 库生成包含 vCard 数据的二维码时，如果遇到中文乱码问题
使用 qrcode-generator 库生成包含 vCard 数据的二维码时，如果遇到中文乱码问题，主要是由于vCard数据编码不正确导致。vCard标准支持UTF-8编码，因此确保你将汉字转换为正确的UTF-8编码格式是解决乱码问题的关键步骤。以下是一个处理vCard数据并确保其正确编码的示例。
2024-01-27 18:28:36
612
原创 在Vue3项目中，结合qrcode-generator，生成复杂的vcard二维码数据
在Vue3项目中，要结合qrcode-generator库生成包含复杂vCard数据的二维码，你需要将vCard数据转换为适合二维码的数据格式，并确保其长度符合二维码的容量限制。请确保你的vCard数据简洁且符合规范，因为并非所有平台对长URL都有很好的处理能力，尤其是在二维码的应用场景下，过长的URL可能无法有效扫描。如果确实需要将完整的vCard数据放入二维码，且不希望依赖外部链接，可以尝试将其拆分成多个部分，并分别生成多个二维码，形成所谓的矩阵式二维码或拼图式二维码。
2024-01-26 00:06:55
743
原创 vue3 element-plus table 多选框在在初始化渲染数据时默认将isopen:ture行数据赋值选中状态
在这个例子中，我们并没有直接使用 default-checked-keys，而是通过自定义渲染来控制复选框的状态。当 isOpen 字段为 true 时，默认选中该行。同时，我们监听了复选框的 change 事件，以便实时更新已选择的行。在 Vue3 + Element Plus 的表格中，如果想根据数据中的某个字段（如 isOpen）来决定是否默认选中某一行，你可以通过自定义一个计算属性或者方法来实现。注意：这个示例可能需要根据实际情况进行调整以适应你的具体需求。
2024-01-20 00:06:23
1133
原创 vue3+ts 创建一个自定义的Axios事例并全局配置
在Vue 3中，你可以通过创建一个自定义的Axios实例并设置全局配置来优化和简化你的HTTP请求。以下是一个使用TypeScript的基本步骤。2.在你的项目中创建一个新的文件，例如 src/utils/axios.ts，然后在这个文件中设置你的自定义Axios实例。现在你就可以在任意Vue组件中通过this.$http访问到你的自定义Axios实例了。1.首先，你需要安装axios库。3.现在你可以在其他模块中导入并使用这个自定义的Axios实例。
2023-12-07 22:11:02
574
原创 Uncaught SyntaxError: Identifier ‘originalPrompt‘ has already been declared (at prompt.js:1:1)
预测是Google Chrome浏览器安装了插件跟Vue项目运行代码出现了冲突。
2023-12-05 09:14:25
698
原创 van-search自动聚焦
注意: 直接通过this.$refs.searchVal.focus()是不能获取到input的dom元素, 需要通过querySelector()方法查找到input元素,不使用autofocus，改为页面mounted或弹框显示时手动调用van-search提供的focus方法。使用van-search的autofocus属性，只在第一次进入页面时能成功focus。
2023-10-31 08:35:19
1427
转载 Google Chrome和Microsoft Edge开发环境跨域的设置
Google Chrome和Microsoft Edge开发环境跨域的设置。
2023-08-21 10:03:36
334
翻译 苹果系统H5页面软键盘弹出造成点击事件失效
原因：在IOS下，点击页面中的input时，弹出软键盘时，如果input比较靠下，整个页面会上移，document.body.scrollOffset会由0变成大于0。软键盘消失后，页面会下移。但是document.body.scrollOffset并不会变成0，所以这时候触控不准；排查过程：只有iphonex、iphone6，ihpone7等部分机型会出现该问题；问题描述：苹果系统，软键盘弹出，键盘再收起时，原虚拟键盘位点击事件无效。//ios 软键盘处理，页面错位恢复问题。
2023-08-07 21:48:39
277
转载 前端开发学习实用网站
记录总结 NodeJs、Express、MongoDB数据库等后端开发相关技术问题。HTML、CSS、JavaScript、ES6、Vue框架等前端开发相关技术问题。主要包含一些技术文档、教程、开发技巧、技术总结等一系列在线文章。
2023-06-07 09:42:20
82
转载 ios上fixed底部输入框被键盘遮挡的简单解决办法
当输入框获得焦点时候，等待500毫秒（键盘弹出动画时间）滚动到页面底部。而ios上面，点击页面底部输入框，软键盘弹出，输入框看不到了。在安卓上面，点击页面底部的输入框，软键盘弹出，页面移动上移。ios据说不支持position: fixed;
2023-06-06 17:08:51
1144
转载 前端内存泄漏详解
JavaScript 通过自动内存管理实现内存分配和闲置资源回收。基本思路很简单：确定哪个变量不会再使用，然后释放它占有的内存。这个过程是周期性的，即垃圾回收程序每隔一定时间（或者说在代码执行过程中某个预订的收集时间）就会自动运行。垃圾回收是一个近似且不完美的方案，因为某块内存是否还有用，属于“不可判定的”问题，意味着靠算法是解决不了的。——《JavaScript 高级程序设计（第4版）》4.3 垃圾回收内存泄漏。
2023-02-16 09:04:28
269
转载 磁盘修复命令CHKDSK回顾
Check Disk，简称“CHKDSK”，是一种Windows内置的实用程序，可以检查硬盘文件系统的完整性，并可以修复FAT16、FAT32和NTFS硬盘上的各种文件系统错误。除了检查分区是否有坏道或错误外，傲梅分区助手还有许多其他功能可以帮助您更好地管理Windows 11/10/8/7上的硬盘，如合并两个分区，移动分区，克隆分区。步骤2. 它会弹出一个小窗口，您可以选择要执行的检查错误的方式。步骤1. 在傲梅分区助手的主界面，选择要检查的分区，右键单击它，选择“高级操作” -> “检查错误”。
2023-02-08 15:41:43
6711
1原创 图片/音乐/资源网站
音乐类LALAL.AItool.yijingying淘声网（tosound）图片视频类UI.GERENTburst.shopifypixabaycc0素材网（cco.cn）插件模板类AE模板精品站 adobeae.comPR龋齿一号 gfxcamp泽泽网 zeguorenLOOKAE新CG辅助设计类LOGO制作神器 logoscPNGIMGRemovBG...
2021-12-26 13:14:09
219
转载 GOCR.js – 使用 JS 识别出图片中的文本
GOCR.js 是 GOCR（开源的 OCR 光学识别程序）项目的纯 JavaScript 版本，使用 Emscripten 进行自动转换。这是https://www.cnblogs.com/lhb25/p/gocrjs-javascript-ocr-library.html
2021-12-24 11:01:16
1102
转载 -转载-我要我们在一起故事原著
转载《和我十年长跑的女孩就要嫁人了》读别人的故事哭得不能自已的是自己，我要我们在一起。本文转载自豆瓣，纯属喜欢，非商用。★★★★★★★★★★★★★★★★★★★★原文地址：豆瓣：http://www.douban.com/group/topic/36139334/ 【贱贱贱人直播】与我十年长跑的女朋友就要嫁人了。★★★★★★★★★★★★★★★★★★★★昨天下午凌一尧给我发来一张照片，是一件婚纱，她问好不好看，我说还行。她说“初五举办婚礼，和我们以前想象得一样，有鲜花拱门，有红地毯，有白婚纱黑礼
2021-12-11 17:10:20
3919
转载 用axios发送请求获取reponse header中的数据
用axios发送请求获取reponse header中的数据https://www.cnblogs.com/liuxianbin/p/13035809.html
2021-11-24 09:38:44
1380
转载 Vue iview可收缩多级菜单的实现(转载)
https://blog.youkuaiyun.com/qq_41636140/article/details/90757338
2021-09-03 17:01:27
248
原创 2021-04-13
什么叫无符号整型加粗样式一般的int是有符号型整数，整数是以二进制形式存储在计算机中的，而它的最高位就是符号位，若为1，则该数为负数，若为0，则该数为正数。无符号型整数的最高位就不是符号位了，而是组成该数的一部分。...
2021-04-13 10:06:40
74
原创 2021-02-03
//base64反解成blob对象并下载 dataURLtoBlob(dataContent, fileName) { var bstr = atob(dataContent); var n = bstr.length; var u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } let blob = new Blob(
2021-02-03 19:59:59
127
原创 2020-11-25
iview表格复选框在表头添加文字‘全选’在使用iview的table标签时，默认组件含有复选框（CheckBox）的表头添加文字，例如“全选”。可以修改iview默认css样式实现如下：.ivu-table-cell-with-selection .ivu-checkbox-wrapperafter::after{content：“全选”；}...
2020-11-25 18:02:13
190
转载 2020-11-11
一个css属性实现页面响应式布局使用 clamp() CSS函数，可以创建仅具有一个属性的响应式网页。clamp()的工作原理是“夹紧”或限制一个灵活的值，使其处于最小和最大范围之间。添加cssclamp(minimum, preferred, maximum);使用方法如下：minimum 最小值：例如 16pxflexible 弹性值：例如 5vwmaximum 最大值：例如 34px事例img { width: clamp(15vw, 100%, 100%);}即：cl
2020-11-11 13:13:40
65
转载 前端
html css css3 js 前端知识总结*转载:原文链接：https://blog.youkuaiyun.com/qq_42179526/article/details/81089453块级元素与内联元素：简单而言，块级元素就是第一个元素在第一行 第二个元素就从第二行开始，内联元素是所有元素都在一行，下面是display的几个属性解释。1、display:block就是将元素显示为块级元素。block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的
2020-06-17 17:25:58
279
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人