- 博客(108)
- 收藏
- 关注
RSS订阅原创 【Tailwind】侧边栏标题
这段代码展示了一个带有装饰元素的联系信息区块设计。它包含一个左侧3像素宽的蓝色边框，背景采用半透明蓝色调，并在深色模式下调整为更暗的色调。区块左侧有一个1.5像素直径的蓝色圆点作为装饰元素，旁边是"联系我们"的标题文字，标题在深色模式下会变为白色。整个布局采用flex布局实现元素水平排列，并设置了3像素的间距和4像素的内边距。
2026-04-09 10:24:29
12
原创 【Tailwind】标题参考
本文展示了5种现代化网页UI设计组件：1)循环脉冲按钮，使用CSS动画实现视觉吸引效果；2)图标徽章型导航栏，结合旋转动画和悬停交互；3)左侧竖线定位标题，采用渐变色竖线和滑动动画；4)右侧分割引导区块，包含虚线箭头和滑动过渡；5)蓝图工程型技术展示区，使用工程网格背景和参数标签。这些组件都采用Tailwind CSS框架实现，融合了动画效果、渐变色彩和响应式设计，适用于企业网站、技术展示等专业场景，能有效提升用户体验和视觉吸引力。
2026-04-08 09:28:51
380
原创 【tailwindcss】网页标题样式
本文展示了几种工业风标题设计风格，适用于不同场景需求： 经典居中：采用稳重通用的居中布局，蓝色强调线搭配中英文标题，适合传统企业官网。 左对齐现代工业风：通过竖向渐变条和左对齐布局，体现科技感和国际化风格，适用于产品展示板块。 深色工业质感：黑色背景搭配橙色强调线，右侧几何装饰增强视觉层次，适合高端品牌新闻板块。 极简工业风：简约白色背景配深色强调条，带动画效果，突显专业性和现代感。 炫酷数据流风：深色背景配动态扫描线，科技感十足，特别适合智能制造类企业。 机械模块分割风：采用网格布局和脉冲动画元素，强化工
2026-04-08 08:53:45
425
原创 【JS】Map代码例子
文章摘要：本文介绍了使用Map和Set实现数据唯一性存储的方法。通过addziPingToData函数，将键值对存储到Map中，其中值使用Set确保唯一性，键会被统一转换为大写并去除空格。deleteziPingCategory函数提供了删除整个键值对的功能。这种方法有效保证了数据的唯一性存储和高效检索。
2025-12-25 14:59:41
120
原创 【mongoose】$lookup关联查询数据为空
摘要：Mongoose的$lookup查询结果为空但populate正常，原因在于集合名称格式问题。MongoDB会自动将集合名转为小写并添加"s"后缀。正确的$lookup应使用小写复数形式如"accounts"，创建集合时也应遵循model('accounts', schema)的小写复数命名规范。避免使用大写或单数名称，否则会导致聚合查询失败。
2025-08-23 11:56:08
365
原创 【mongoose】E11000 duplicate key error collection: test.counters
MongoDB重复键错误解决方案 遇到E11000重复键错误时，通常是由于唯一索引冲突导致。解决方法很简单： 删除出问题的集合 重新创建该集合 再次尝试插入数据
2025-08-08 15:19:11
337
原创 【JS】扁平树数据转为树结构
摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。
2025-08-07 21:48:39
538
原创 【JS】js取随机数字+字符
摘要 这段代码用于生成随机字符串，通过调用Math.random()生成随机数，转换为36进制字符串并截取第2位后的部分。执行后会输出类似"3h9j7k2m"的随机字符串，可用于生成临时ID或验证码等场景。代码简洁高效，利用了JavaScript内置的数学和字符串处理方法。
2025-07-21 18:04:21
330
原创 【VScode】vscode崩溃 (原因: “oom“,代码:“-536870904“)
一运行vscode电脑cpu拉满，风扇狂转。之后，导致退出vscode,弹出。
2025-05-01 19:48:47
3368
原创 【jsDoc】jsdoc自定义类型推断 | 系统自带键值推断
备用地址 - https://blog.csdn.net/qq_43614372/article/details/147037431?需求： canvas 没有提示，一样用jsdoc解决。
2025-04-07 10:13:06
386
原创 【ProseMirror】设置placeholder
@param {String} text 设置的文本。* 设置评论框placehodel效果。
2025-03-09 20:19:21
295
原创 【EsLint】[ESLint] ‘XXX‘ is assigned a value but never used. (no-unused-vars)
【代码】【EsLint】[ESLint] 'XXX' is assigned a value but never used. (no-unused-vars)
2025-02-19 14:03:43
431
原创 【JS】数组交换位置
delCountoldIndexnewIndex...arrsplice删除元素时，返回一个数组，且数组里包含被删除的数组元素。
2024-04-14 13:19:06
972
原创 【JS】替换文本为emjio表情
@param {Array} arr 去重的数组。// 9.将替换的字符渲染到id为em的元素里。* @returns 返回去重的数组。// 8.替换表情为img标签字符串。'你好帅啊啊啊[开心][开心]'// 5. 找到对应表情图片地址。// 7. img标签转字符串。// 6. 设置表情图片地址。// 4. 创建img标签。//1.正则提取表情。// emjio列表。// 3. 数组去重。
2024-03-20 17:34:37
797
原创 【JS】querySelector选择器不能以数字开头 | Failed to execute ‘querySelector‘ on ‘Element‘: ‘#8339397322295738]‘
html js
2024-03-15 00:01:31
491
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人