# web-dev-toolkit **Repository Path**: ytecnsong/web-dev-toolkit ## Basic Information - **Project Name**: web-dev-toolkit - **Description**: 豫唐工具集是一个免费、轻量且现代化的在线前端开发工具箱。专为程序员、开发者和项目经理打造，提供一系列浏览器端的高效生产力工具。支持在线 ICO 图标生成、强密码随机生成、项目管理 EVM 计算器、探险文案引擎、数独挑战以及摸鱼打卡神器等实用功能。所有工具均免安装即开即用，数据处理完全依赖本地浏览器，无需上传服务器，100% 保护您的隐私安全。提升工作效率，从使用安全的在线开发工具开始。 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: https://www.ytecn.com/dev/ - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-13 - **Last Updated**: 2026-04-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 豫唐工具集 (Yutang Toolkit) 豫唐工具集是一个免费、轻量且现代化的**在线前端开发工具箱**。专为程序员、开发者和项目经理打造，提供一系列浏览器端的高效生产力工具。支持**在线 ICO 图标生成**、**强密码随机生成**、**项目管理 EVM 计算器**、**探险文案引擎**、**数独挑战**以及**摸鱼打卡神器**等实用功能。所有工具均**免安装即开即用**，数据处理完全依赖本地浏览器，**无需上传服务器，100% 保护您的隐私安全**。提升工作效率，从使用安全的在线开发工具开始。 ## 在线体验 > **在线演示**：[https://www.ytecn.com/dev/](https://www.ytecn.com/dev/) > **开源地址**：[https://gitee.com/ytecnsong/web-dev-toolkit](https://gitee.com/ytecnsong/web-dev-toolkit) ## 项目简介 豫唐工具集是一个专注于前端开发的实用工具集合平台，采用纯前端技术栈实现，所有工具均运行在本地浏览器中，不涉及任何服务器端数据处理。这不仅确保了用户数据的安全性，也提供了流畅无延迟的使用体验。 本项目采用"高级商务极简"设计语言，致敬 Apple Human Interface Guidelines 与 Notion 设计风格，为用户带来优雅专业的视觉体验。 ## 已收录工具 ### [ICO 图标生成器](./tool/ico-generator.html) 支持图片转换与文字生成的在线 Favicon 制作工具，即拖即用，纯前端本地处理。 ### [摸鱼神器 (Moyu)](./tool/moyu.html) 伪装成系统升级界面的摸鱼工具，支持多种系统风格，全屏沉浸体验。 ### [密码生成器 (Password Generator)](./tool/password-generator.html) 安全高效的本地随机密码生成器，支持自定义长度和字符类型，一键复制。 ### [项目管理计算器 (EVM)](./tool/evm-calculator.html) 集成挣值管理 (EVM)、项目选择指标 (NPV) 及合同费用计算 (FPIF/CPFF) 的综合工具，助力项目经理精准把控绩效。 ### [数独挑战 (Sudoku)](./tool/sudoku.html) 脑力激荡的数独游戏，提供无限关卡挑战，锻炼逻辑思维能力，支持计时和难度等级。 ### [探险文案引擎 (Explore Engine)](./tool/explore_engine.html) 拥有"灵魂"的探险文案生成系统，语言的血肉与骨架，告别空洞的 AI 生成的创意文案工具。 ## 核心组件库 本项目包含自主开发的独立组件，可快速复用于其他项目。 ### 1. Snow.js (雪花特效引擎) 位于 `js/snow.js` 的独立 JavaScript 插件。 - **主要逻辑**：`js/snow.js` - **功能特性**： - **零配置启动**：无需复杂的初始化代码，引入脚本即生效。 - **物理交互**：内置鼠标斥力算法，鼠标移动时会自然推开雪花。 - **高性能渲染**：基于 Canvas 2D 绘制，60FPS 流畅运行，自动处理窗口缩放。 ### 2. spring.js (樱花飘落特效引擎) 位于 `js/spring.js` 的独立 JavaScript 插件。 - **主要逻辑**：`js/spring.js` - **功能特性**： - **零配置启动**：无需复杂的初始化代码，引入脚本即生效。 - **物理交互**：内置鼠标斥力算法，鼠标移动时会自然推开花瓣。 - **高性能渲染**：基于 Canvas 2D 绘制，60FPS 流畅运行，自动处理窗口缩放。 ## 设计风格 本项目采用 **"高级商务极简" (Premium Monochrome)** 设计语言，致敬 Apple Human Interface Guidelines 与 Notion 设计风格。 - **配色体系**： - 背景：`#f3f4f6` (冷淡灰) - 卡片：`#ffffff` (纯白) - 文字：`#111827` (深炭黑) - **视觉细节**： - 精致的悬浮阴影 (Elevation) - 动态光球背景 (Subtle Animated Orbs) ## 技术架构 - **核心框架**：原生 HTML5、CSS3、JavaScript (ES6+) - **依赖库**：jQuery 2.2.4、Vue.js 3.x - **渲染引擎**：Canvas 2D (用于雪花特效) - **设计系统**：CSS Variables、Flexbox、Grid 布局 - **特效支持**：CSS Animations、backdrop-filter 磨砂效果 ## 快速开始 本项目为纯静态站点，没有任何后端依赖。 ### 本地运行 1. **克隆项目**： ```bash git clone https://gitee.com/ytecnsong/web-dev-toolkit.git ``` 2. **启动服务**： 直接双击打开 `index.html`，或使用任意静态文件服务器： ```bash # 使用 Python python -m http.server 8000 # 使用 Node.js (需要安装 http-server) npx http-server ``` 3. **访问应用**： 打开浏览器访问 `http://localhost:8000` ### 部署方式 可以直接部署到 GitHub Pages、Vercel、Netlify 或任何静态服务器： - **GitHub Pages**：将项目推送到 GitHub 仓库，在仓库设置中启用 Pages 功能 - **Vercel**：连接 Git 仓库后自动部署 - **Netlify**：拖拽项目文件夹到 Netlify 即可完成部署 ## 文件结构 ``` /web-dev-toolkit ├── index.html # 主页面入口 ├── style.css # 全局样式 ├── js/ │ ├── snow.js # [核心组件] 雪花特效插件 │ └── spring.js # [核心组件] 樱花特效插件 ├── script/ │ ├── jquery-2.2.4.min.js # jQuery 依赖库 │ └── vue.global.js # Vue.js 依赖库 ├── tool/ │ ├── ico-generator.html # ICO 图标生成器 │ ├── moyu.html # 摸鱼神器 │ ├── password-generator.html # 密码生成器 │ ├── evm-calculator.html # 项目管理计算器 │ ├── sudoku.html # 数独挑战游戏 │ ├── explore_engine.html # 探险文案引擎 │ ├── script/ │ │ ├── evm-calculator.js # EVM 计算器逻辑 │ │ ├── ico-generator.js # ICO 生成器逻辑 │ │ ├── moyu.js # 摸鱼神器逻辑 │ │ ├── password-generator.js # 密码生成器逻辑 │ │ ├── sudoku.js # 数独游戏逻辑 │ │ └── explore_engine.js # 探险文案引擎逻辑 │ └── style/ │ ├── evm-calculator.css # EVM 计算器样式 │ ├── ico-generator.css # ICO 生成器样式 │ ├── moyu.css # 摸鱼神器样式 │ ├── password-generator.css # 密码生成器样式 │ ├── sudoku.css # 数独游戏样式 │ └── explore_engine.css # 探险文案引擎样式 ├── txt/ │ ├── sudoku.md # 数独游戏说明文档 │ ├── sudoku-education.md # 数独教育指南 │ └── explore_engine.md # 探险文案引擎说明 ├── video/ │ └── moyu_script.md # 摸鱼神器脚本说明 └── README.md # 项目说明文档 ``` ## 工具详情 ### ICO 图标生成器 支持将图片转换为 ICO 格式的 Favicon 图标，同时提供文字生成模式。拖拽上传即可生成，支持自定义尺寸和样式。 ### 摸鱼神器 一个有趣的浏览器摸鱼工具，模拟系统升级界面，支持多种 Windows/macOS 系统风格。包含隐藏配置功能，可自定义显示状态和通知。 ### 密码生成器 本地生成的随机密码，支持自定义长度和字符类型（大小写字母、数字、特殊符号），一键复制到剪贴板。 ### 项目管理计算器 (EVM) 专业的项目管理工具集成： - **挣值管理 (EVM)**：计算 BAC、CV、SV、CPI、SPI 等核心指标 - **净现值 (NPV)**：项目投资决策分析 - **合同计算**：支持 FPIF 和 CPFF 合同类型费用计算 ### 数独挑战 经典的数独逻辑游戏，提供多难度等级挑战： - **无限关卡**：程序自动生成不同难度的数独题目 - **计时功能**：记录完成每局游戏所用时间 - **重置功能**：可随时重置当前关卡重新开始 - **电脑优化**：专为桌面端设计，提供最佳游戏体验 ### 探险文案引擎 拥有"灵魂"的探险文案生成系统： - **语言血肉**：精心设计的文案模板与词汇库 - **私人配方**：自定义词典和模板功能 - **成果导出**：支持复制和传递创造成果 ## 浏览器兼容性 - Chrome (最新版本) - Firefox (最新版本) - Safari (最新版本) - Edge (最新版本) ## 贡献指南 欢迎贡献代码或提出建议！您可以： 1. **提交 Issue**：报告 bug 或提出新功能建议 2. **提交 Pull Request**：贡献代码改进 3. **完善文档**：改进项目文档和注释 ## 更新日志 ### v1.0.0 (2026) - 初始版本发布 - 包含五个核心工具 - 发布 Snow.js 雪花特效组件 - 发布 spring.js 樱花特效组件 - 实现响应式磨砂导航栏 - 新增探险文案引擎工具 ## 版权信息 © 2026 豫唐工具集. 保留所有权利。 ## 联系方式 - **项目主页**：[https://www.ytecn.com/dev/](https://www.ytecn.com/dev/) - **开源地址**：[https://gitee.com/ytecnsong/web-dev-toolkit](https://gitee.com/ytecnsong/web-dev-toolkit) - **作者**：豫唐团队 --- *让开发更简单，让工作更有趣。*