- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Nuxt中composables和utils的最佳实践
在 Nuxt3 中，composables 和 utils 目录都是存放可复用代码的位置，但它们的职责和使用场景有明显区别。通过合理划分 composables 和 utils，可以提升代码的可维护性、复用性和可测试性。遵循关注点分离原则，让项目结构更清晰！暂时无法在飞书文档外展示此内容。2. /utils 的典型场景。// 实现日期格式化逻辑…
2025-03-11 16:07:29
417
原创 本地运行Manus的替代方案：OpenManus的技术解析与实践指南
OpenManus的诞生印证了一个真理：在开源协作的力量面前，任何技术壁垒终将被瓦解。尽管当前版本尚存优化空间，但其模块化架构和社区驱动模式，为个人开发者、企业研发团队提供了可扩展的智能体基座。正如开发者所言：“我们不需要重复造轮子，只需要让每个轮子自由转动。立即体验项目地址：https://github.com/mannaandpoem/OpenManus技术文档：参考/docs目录下的配置指南与案例库OpenManus 是一个开源的多功能 AI 助手系统，旨在提供无缝的自动化与智能化体验。
2025-03-07 22:56:40
2254
原创 Vue.js 组件开发详解
组件是 Vue.js 最强大的功能之一。官方定义是“组件系统是 Vue 生态系统的基石，组件化是开发大规模应用时的主要架构方式。”每个组件都是一个可复用的Vue实例，可以包含自己的模板、数据、方法、侦听器、子组件等等。使用组件可以将复杂的用户界面分解为多个小的、独立且可复用的部分，从而提高开发效率和可维护性。父组件可以通过监听子组件的事件来实现双向通信。
2024-11-30 15:42:54
1535
1
原创 开发示例0001:首屏按钮消失，悬浮到页面底部
2、需要使用js事件去检测首屏按钮的显隐，这里考虑到性能使用下面的核心代码，性能的依据是下面的API只有当页面的可见性发生改变才会触发。如果大家需要具体的实现代码，可以评论后续可以将实现代码进行展示，我认为好多工作中遇到的问题都是对于需求的分析，所以着重介绍了需求分析和解决的思路。需求：页面第一屏存在一个提交按钮，当页面向下滚动的时候，该按钮不可见的时候，页面底部出现一个相同的提交按钮，当页面向上滚动的时候，首屏按钮可见的时候，底部悬浮按钮消失。4、默认我们展示首屏按钮，则flag的初始值设为true。
2024-11-30 15:34:50
332
原创 0010、TS的字面量类型
字面量类型（Literal Types）是 TypeScript 中的一种类型，它表示一个具体的值，而不仅仅是一个类型。字面量类型可以是字符串字面量、数字字面量、布尔字面量或符号字面量。在 TypeScript 中，字面量类型可以用来约束变量的取值范围，从而增强代码的可读性和类型安全性。
2024-03-18 21:41:33
568
原创 0009、ts的类型断言
类型断言(Type Assertion)是 TypeScript 中的一种特性，允许开发者在某些情况下手动指定变量的类型。它的主要使用场景是在开发者明确知道某个值的类型，但 TypeScript 编译器无法自动推断出来时，用来告诉编译器该值的确切类型。这两种形式在功能上是等价的，只是语法不同而已。
2024-03-18 21:18:19
600
原创 前端实现读取word文件，并将其进行原样式展示的几种方案
选择合适的工具或服务：基于你的需求（如是否需要编辑功能，对样式保持的要求等），选择最适合的方法。mammoth.js适合转换为HTML进行简单展示，Office 365 API提供更丰富的功能和高保真度，而转换为PDF适合静态展示。处理复杂格式的挑战：要完全保留Word文档的原始样式和格式，在前端展示时可能会遇到挑战。某些复杂的布局和样式可能在转换过程中有所损失。考虑性能和兼容性：将Word文档转换为Web友好格式可能会引入额外的性能负担，尤其是在处理大型或复杂文档时。
2024-03-14 00:03:22
5498
原创 0008、ts的类型推论
TypeScript的类型推论是该语言的一个核心特性，它能够大幅度提升开发效率，减少冗余代码，同时保持代码的类型安全。合理利用类型推论，可以使代码既简洁又富有表达力。然而，也需要适时地为关键部分的代码明确指定类型，以免过分依赖推论导致潜在的类型安全问题。掌握类型推论的使用，能够让你更加高效地使用TypeScript，编写出既简洁又健壮的代码。
2024-03-13 00:14:41
317
原创 前端框架发展史
前端框架的发展是前端工程化和技术标准化进程的一个缩影。每一次技术的迭代都在推动着Web技术的边界，优化着开发体验，并在不断地提升终端用户的互动体验。了解这些框架的历史和特点，不仅可以帮助开发者做出更适合项目的技术选型，也能促使我们更好地预见和适应未来前端技术的发展趋势。
2024-03-13 00:09:21
1317
原创 0007、TS中的元组（tuple）
这里，myTuple被定义为一个元组，它包含一个number类型的元素和一个string类型的元素，且元素的顺序是固定的。
2024-03-12 23:49:54
1387
原创 CSS常用选择器及注意事项
CSS选择器是CSS中的基本概念，用于选择页面上要样式化的元素。下面详细介绍CSS中所有的选择器、使用方法及注意事项。
2024-02-29 23:59:01
579
原创 如何入门深度学习
入门深度学习需要扎实的数学基础、编程技能以及对深度学习基本原理和常用模型的理解。通过学习基础知识、完成实践项目，并持续跟进最新进展，可以逐步掌握深度学习技能并提升实践能力。
2024-02-21 01:23:27
1142
原创 AI绘画工具及其特点
此外，PicUP.AI还有图生图功能，用户可以上传一张参考图，生成与该图风格相近的图片，也可以在原画的基础上添加自己的创意。除了以上列举的几种工具外，还有许多其他的AI绘画工具，如Adobe Firefly、Nijijourney、Novel AI等，它们各自具有不同的特点和功能，用户可以根据自己的需求选择合适的工具进行创作。Midjourney：Midjourney是一个基于文本到图像的AI绘画工具，它能够根据用户输入的文本描述生成相应的图片。其特点在于强大的图像生成能力和对细节的精细处理。
2024-02-21 01:20:54
451
原创 机器学习科普及学习路线
机器学习是一种让计算机系统通过从数据中学习来改进性能的方法。它的学习方法主要包括监督学习、无监督学习和强化学习。下面我将详细解释机器学习的概念、学习方法和学习路线。
2024-02-21 01:18:36
690
原创 程序员与电脑：超越上瘾的真正原因
综上所述，程序员之所以如此钟爱电脑，并非简单的上瘾，而是因为电脑为他们提供了无尽的创造空间、连接世界的桥梁、学习成长的场所，以及社区交流的平台。因此，让我们不再以为他们只是沉迷于电脑，而是应该理解并尊重他们的选择与热爱，因为他们正是推动着科技发展的中流砥柱，为我们的世界带来了无限可能。在电脑的屏幕前，他们可以实现自己的想象，编写出各种各样的代码，创造出令人惊叹的程序。无论是学习新的编程语言、掌握新的开发工具，还是研究新的算法和数据结构，电脑都是他们不可或缺的伙伴。此外，电脑也是程序员学习和成长的场所。
2024-02-21 01:09:31
186
原创 详解ECMAScript modules规范
ECMAScript（简称 ES）模块是一种 JavaScript 模块化的标准，旨在提供一种标准的方式来组织和加载 JavaScript 代码。下面我将通过一个简单的示例来详细解释 ECMAScript 模块的规范和使用方法。main.js和module.js，它们位于同一目录下。
2024-02-21 01:00:03
333
原创 JQuery简介与解析
jQuery 是一个广泛使用的 JavaScript 库，它简化了在网页上执行常见任务的过程。通过提供易于使用的 API，jQuery使得在网页上执行诸如DOM操作、事件处理、动画效果和AJAX等任务变得更加简单和高效。
2024-02-21 00:57:23
362
原创 Element UI Plus的安装和使用
Element Plus 支持通过 SCSS 变量来自定义主题。你可以在项目中覆盖默认的 SCSS 变量来定制主题。
2024-02-21 00:54:18
3467
原创 详解小程序配置服务器域名
配置小程序的服务器域名是小程序开发过程中的一个关键步骤，主要涉及到设置小程序后端服务的网络通信。这通常是为了确保小程序能够安全、稳定地与服务器进行数据交换。
2024-02-21 00:46:39
1574
原创 详解java和javascript的区别和联系
Java 和 JavaScript 是两种非常流行但完全不同的编程语言，它们在设计理念、用途、运行环境等方面都有显著差异，但也存在一些联系。
2024-02-21 00:42:13
581
原创 快速上手vue指南
Vue.js 是一款非常流行且易于上手的前端框架，用于构建用户界面和单页应用程序（SPA）。它以其简洁的API、灵活的组件系统和高效的性能著称。如果你是初学者，以下是一些关键步骤和建议，可以帮助你快速上手 Vue.js。
2024-02-21 00:36:14
647
原创 0003、详解TS的联合类型
在 TypeScript 中，联合类型是一种非常强大的特性，它允许你将多个类型组合成一个类型。这意味着你声明的变量或参数可以接受定义在联合类型中的任何一种类型的值。联合类型通过使用管道符号（）连接多个类型来定义。
2024-02-21 00:08:15
720
原创 0002、ts中常见的数据类型
TypeScript 是一种由微软开发的开源语言，它是 JavaScript 的一个超集，添加了类型系统和一些其他特性。在 TypeScript 中，类型是你的代码中变量和函数值的形状的描述。使用类型可以帮助你在编译期间而非运行时捕获错误。
2024-02-20 23:55:06
507
原创 0001、typescript声明多种类型元素的数组
在 TypeScript 中，声明包含多种类型元素的数组有两种主要方式：使用类型注解和使用泛型。你提供的两种声明方式都是有效的，并且在功能上是等价的。选择哪一种主要取决于个人偏好和具体场景。
2024-02-20 23:48:13
889
原创 nodejs封装操作mongodb数据库
// 引入mongodb模块var mongodb = require('mongodb');// 获取客户端var mongoClient = mongodb.MongoClient;// 封装成类function Database(connectStr, dbname, collname) { // 安全类 if (!(this instanceof Database)) { return new Database(connectStr, dbname, col
2021-07-13 19:33:47
260
原创 跨域请求的实现
跨域请求的实现1、原生跨域使用script标签的scr属性发送请求在服务器端设置指定类型的字符串， 返回的字符串需要拼接为函数调用的形式，真正传输的数据作为函数调用的实参在发送请求的script标签之前声明对应的函数，并设置对应的形参，用于接收服务器返回的数据html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-eq
2021-07-13 12:43:46
380
原创 前端实现图片预览
1、通过FileReader函数产生fr对象var fr = new FileReader();将其转为对应的base64资源fr.readAsDataURL(file.files[0]);设置图片地址img.src = fr.result;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
2021-07-12 23:05:42
3246
原创 js中判断一个变量是否为数组类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div>1</div> <div>2</div&...
2019-07-29 14:44:57
470
原创 form表单中enctype的各个选项值以及php对应ajax传值该如何设置
php中的enctype中的各个选项值 post传值 application/x-www-form-urlencoded form表单默认的传输数据的方式会把表单的元素编成键/值的形式进行数据传输，如果在post则将其编至html的body中，如果为get则将其编入url中 multipart/form-data这个是专门用来传输特殊类型数据的，如我们上...
2018-11-12 17:39:37
287
原创 tp5路由工作的实质
1、thinkphp5中一个典型的URL请求的执行过程大致如下：用户请求 -> 路由解析 -> 调度请求 -> 执行操作 -> 响应输出2、路由在框架中的作用打个比方的话，路由好比是WEB应用的总调度室，对于访问的URL地址，路由可以拒绝或者接受某个URL请求，并进行分发调度，而且还有一个副作用是因为路由规则可以随意定义，因此可以让你的URL请求地址更优雅，因为不会暴露...
2018-10-24 12:29:52
335
原创 js中 value、innerHTML、innerText和textContent的区别
value：应用于表单的输入框（textarea除外）innerHTML:可以写入HTML代码，写入的HTML代码可以被解析，获得时候也可以获得HTML代码innerText：获得内容的时候，会忽略HTML代码，写入HTML代码不能解析。获得内容与HTML解析的内容一样textContent：获得内容的时候，会忽略HTML代码，写入HTML代码不能解析。获取的内容与源码内容一样 ...
2018-08-23 10:44:24
3691
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人