- 博客(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
原创 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
原创 克隆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=""> <...
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅