自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 mac电脑解决在不同项目需要频繁手动切换node版本的困扰

本文介绍了一个自动切换Node.js版本的解决方案。通过在.zshrc文件中添加脚本,当进入包含.nvmrc文件的目录时,系统会自动检测并切换到指定的Node版本;若未找到.nvmrc则使用默认版本。该脚本利用zsh的钩子机制,在切换目录时触发版本检查,避免了手动切换的繁琐操作,有效解决了多项目不同Node版本需求的问题。

2025-08-08 10:18:00 324

原创 【dropdown组件填坑指南】—怎么实现下拉菜单只显示一个实例

Dropdown组件单例管理实践指南 本文针对dropdown组件多实例共存导致的用户体验问题,提出了一套完整的单例管理方案。通过全局管理器模式,实现同一时间只允许一个dropdown显示。解决方案包含: 核心设计: 基于Map的全局状态管理 自动关闭其他实例的机制 完善的组件生命周期管理 技术实现: 使用TypeScript构建强类型管理器 Vue3组件集成方案 支持分组管理和优先级控制 扩展功能: 点击外部区域自动关闭 ESC键快捷关闭 防止内存泄漏的清理机制 该方案有效解决了多dropdown共存时的

2025-08-02 01:06:54 662

原创 【dropdown组件填坑指南】—怎么实现下拉框的位置计算

精确计算:使用获取精确位置信息智能检测:自动检测屏幕边界并调整弹出方向性能优化:使用防抖和节流避免频繁计算用户体验:考虑动画效果和无障碍访问兼容性:处理不同浏览器和设备的差异记住,好的位置计算不仅要准确,更要智能。就像我们平时搭帐篷一样,不仅要选对地方,还要考虑风向、地形等各种因素,确保帐篷既稳固又舒适!✨希望这篇博客能帮到正在开发dropdown组件的小伙伴们~ 如果有什么问题,欢迎在评论区讨论哦!💕。

2025-07-29 23:36:17 882

原创 【dropdown组件填坑指南】—怎么实现三角箭头效果

CSS技巧:利用border属性创建三角形动态定位:根据placement动态调整箭头位置和方向视觉连接:确保箭头与触发元素形成视觉连接边界检测:处理屏幕边界情况主题适配:支持不同主题和深色模式无障碍访问:考虑键盘导航和屏幕阅读器记住,好的UI组件不仅要功能完整,更要注重用户体验。小小的箭头虽然不起眼,但它能让用户更清楚地理解界面元素之间的关系,提升整体的使用体验!✨希望这篇博客能帮到正在开发dropdown组件的姐妹们~ 如果有什么问题,欢迎在评论区讨论哦!💕。

2025-07-29 23:17:02 528

原创 【dropdown组件填坑指南】鼠标从触发元素到下拉框中间间隙时,下拉框消失,怎么解决?

hideDelay机制是提升下拉菜单和弹出框用户体验的关键技术。通过合理的延迟时间设置和完善的定时器管理,可以有效解决鼠标移动过程中的意外关闭问题,为用户提供更加流畅的交互体验。在实际开发中,需要根据具体的使用场景来调整延迟时间,同时要注意性能优化和边界情况的处理,确保组件的稳定性和可用性。

2025-07-29 22:09:54 715

原创 【客户端排查】mac电脑怎么查看客户端的实时运行日志

2025-06-27 11:07:33 380

原创 AI Agent是什么?5分钟带你从零入门到代码构建,小白也能轻松上手!

LLM 的全称是 Large Language Model(大型语言模型),指通过海量文本数据训练、具备自然语言理解和生成能力的深度学习模型。AI Agent的核心组件包括:模型(model)、规划(planning)、工具(tool)、记忆(memory)。Agent = 大模型(LLM)+ 规划(Planning)+ 记忆(Memory)+ 工具使用(Tool Use)通俗来说,Agent是一位能自动写“函数”、调“API”、还带“Debug 能力”的 AI 队友。

2025-06-27 10:35:47 1010

原创 【Vue3】详细解决方案:找不到模块“@/views/Login.vue”或其相应的类型声明或Failed to resolve import “@/views/Login.vue“

在初次使用Vue3的路由懒加载时,可能你遇到了这个报错:找不到模块“@/views/Login.vue”或其相应的类型声明或者Failed to resolve import "@/views/Login.vue"或找不到模块“path”或其相应的类型声明。那么此文章,是此报错的一系列详细解决方案。

2024-04-28 01:07:50 7308

原创 【vscode】2024最新!vscode设置默认终端为git bash

小tian最近电脑系统重装,刚好可以重新配置一下前端环境和工具,以此专栏记录一下前端工具配置和环境相关内容。vscode如何设置默认终端为git bash?

2024-04-27 12:25:29 2913

原创 【vscode】2024最新!vscode云端配置同步方案:code settings sync

小tian最近对电脑进行了系统重装,结果vscode相关配置和插件都没有保存记录,还好公司电脑里还有。痛定思痛,决定写一篇vscode云端同步配置方案,以作记录和分享~

2024-04-27 11:06:41 2822

原创 【taro3踩坑日记】Tips: 1. 预览模式生成的文件较大,设置 NODE_ENV 为 production 可以开启压缩。 Example: $ set NODE_ENV=production

项目启动时提示文件较大,怎么让这个屎黄色的提示走开?2、package.json设置环境变量为生产环境。1、config\index.js开启缓存。

2024-04-20 17:02:29 948

原创 【npm淘宝源最新解决方案】 https://registry.npm.taobao.org此地址已失效

【npm淘宝源最新解决方案】 https://registry.npm.taobao.org此地址已失效。

2024-04-20 10:04:59 2535

原创 【nvm最新解决方案】Node.js v16.20.2 is not yet released or available

【nvm最新解决方案】Node.js v16.20.2 is not yet released or available。例如,我的路径是:C:\Users\TYW\AppData\Roaming\nvm。解决办法:下载想安装的node压缩包,放入nvm对应目录。1、选择对应的node版本:例如,我选的是v20.x。3、最后,丢入nvm对应的node路径。4、最后的最后了,执行nvm命令吧~

2024-04-20 09:56:53 4607

原创 【Tora3踩坑日记】npx tailwindcss init报错:SyntaxError: Unexpected token ‘?‘

tailwindcss

2024-04-19 23:05:02 1358

原创 【Taro3踩坑日记】找不到sass的类型定义文件

2、然后配置 TypeScript 编译选项:确保 TypeScript 编译器能够识别 Sass 文件,并正确处理它们。问题截图如下:找不到sass的类型定义文件。

2024-04-19 21:26:33 924

原创 【Taro3踩坑日记】不存在全局配置文件:C:\Users\TYW\.taro-global-config\index.json

记录使用Taro3、react做移动端项目踩的坑~

2024-04-19 21:14:34 2036 4

转载 mongoDB启动方式,三种

https://blog.youkuaiyun.com/qq_35393869/article/details/84377333

2020-02-22 22:59:20 434

原创 css溢出隐藏

white-space: nowrap; overflow: hidden; text-overflow: ellipsis"

2020-02-20 20:26:16 274

原创 克隆github项目失败 fatal: unable to access 'https://github.com/...

在公司内网克隆github上的项目,结果失败了,退出码128百度后发现是http代理出现了问题先输入git config --global -l如果出现http的字样,就接下来取消代理,输入git config --global http.proxy http://127.0.0.1:1080git config --global https.proxy http://127.0...

2019-12-25 10:03:05 7892

原创 Vue ui 创建项目出错

用cmd输入vue ui创建项目,在浏览器自动打开后,最后点击创建项目,项目已经出现在文件夹中,但是项目目录里没有东西,浏览器中也没有出现项目仪表盘。发现问题原来是cmd没有以管理员身份打开,哈哈哈哈哈...

2019-12-24 20:49:04 6397 9

转载 安装谷歌vue扩展

https://blog.youkuaiyun.com/weixin_38654336/article/details/80790698看这个博客安装,没有问题。而且不用配置,直接用。

2019-12-23 16:44:07 896

原创 vue ui 无法下载sass-loader依赖的解决方案

如果无法下载sass-loader,就直接在编译器的终端中,输入cnpm install --save-dev sass-loadercnpm install --save-dev node-sass使用npm可能下载会很慢很卡,所以我用cnpm在输入vue ui ,查看安装好的依赖中就已经有这两项啦。而且和旧版的 vue cli相比,不需要在build文件夹里增加代...

2019-12-23 12:42:19 880

原创 用HTML写一个会员注册、登录界面

会员注册界面代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>青春不常在,抓紧谈恋爱</title> </head> <body> <form action=""> &lt...

2019-09-04 12:32:06 24840

原创 写一个小说排行榜表格

代码如下:` 小说排行榜</tr><tr> <td>2</td> <td>盗墓笔记</td> <td> </td> <td>124</td> <td>675</td> <...

2019-09-03 22:33:57 928

原创 用四大名著的例子讲解HTML里的无序列表<ul>

这是代码部分:这是结果样子:

2019-09-03 19:59:37 534

原创 用webstorm写一个简单地测试男盆友的form

这是全部的代码:这是最后的结果:

2019-09-03 17:02:10 295

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除