自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

瓜兮兮的世界

html css javascript go java c++

  • 博客(47)
  • 收藏
  • 关注

原创 什么 是 CSS ?

5. CSS 的发展 1996 年首次发布以来,经历了多个版本的更新,包括: **CSS1**- **CSS2**2.1**- **CSS3**(目前主流版本,包含模块化设计,如 Flexbox、Grid、动画等)- **CSS4**(仍在开发中,尚未正式发布) 6. 总结 是构建现代网页不可或缺的一部分,它让网页不仅具有内容,还能拥有良好的视觉体验。(**C**ascading **S**tyle **S**heets,层叠样式表)是一种用于描述 **HTML 或 XML 文档外观** 的样式语言。

2026-04-13 14:46:57 467

原创 ??????

???????????##????```**????**????

2026-04-13 00:36:29 26

原创 JavaScript:既是天使,也是魔鬼的编程语言

在当今的Web开发世界中,JavaScript(简称JS)无疑是最具影响力的编程语言之一。然而,这门看似无所不能的语言,却一直伴随着赞美与争议的双重声音。JavaScript的灵活语法和强大的函数式编程能力,使其可以适应各种编程范式。通过事件循环机制和Promise/async-await语法,JavaScript天生适合处理I/O密集型任务。# JavaScript:既是天使,也是魔鬼的编程语言。## 一、JavaScript的“天使”特质。2. **事件驱动与异步编程**1. **灵活性与生态繁荣**

2026-04-12 22:51:26 28

原创 nuiapp

n\n \n {{ message }}\n点击更新\n \n\n\n\n\n\n```\n\n## 深度解析:uni-app 的工作原理与优化\nuni-app 的核心在于其编译时和运行时架构。"content": "# uni-app:Vue.js 驱动的跨平台应用开发利器\n\n## 引言:跨平台开发的挑战与机遇\n在移动互联网时代,开发者为适配 iOS、Android、Web 和小程序等多端,常面临重复编码和资源浪费的问题。\n\n## 什么是 uni-app?

2026-04-12 21:51:54 27

原创 什么是Vue3

n\n## 灵魂特性:Composition API\n\n如果说性能是基石,那么**Composition API**便是Vue 3的灵魂。在复杂组件中,理解和维护会变得困难。\n }\n}\n```\n\n这种函数式的编程范式使得提取和复用逻辑变得极其简单(通常称为“组合式函数”),极大地提升了代码的可读性和可维护性,尤其对于大型项目。\n\n## 其他重要更新\n\n- **更好的TypeScript支持**:源码使用TypeScript重写,提供了更完善、更流畅的类型推导。

2026-04-12 21:46:16 16

原创 什么是Vue3

n\n## 灵魂特性:Composition API\n\n如果说性能是基石,那么**Composition API**便是Vue 3的灵魂。在复杂组件中,理解和维护会变得困难。\n }\n}\n```\n\n这种函数式的编程范式使得提取和复用逻辑变得极其简单(通常称为“组合式函数”),极大地提升了代码的可读性和可维护性,尤其对于大型项目。\n\n## 其他重要更新\n\n- **更好的TypeScript支持**:源码使用TypeScript重写,提供了更完善、更流畅的类型推导。

2026-04-12 21:45:59 12

原创 AI的真相:从科幻到现实的智能革命

AI不仅仅是算法,它结合了数学、统计学和计算机科学,使机器能够从数据中学习和进化。在电影中,AI常被描绘成无所不能的超级智能,但现实中的AI远不止于此。AI,即人工智能,是计算机科学的一个分支,旨在让机器模拟人类的智能行为,如学习、推理、感知和决策。但自21世纪初,随着大数据和硬件突破,AI迎来了复兴,尤其是深度学习的崛起,推动了图像识别、自然语言处理等领域的飞跃。AI不仅是科技的产物,更是人类智慧的延伸。未来,AI可能向更智能、更通用的方向发展,但我们需要平衡创新与监管,确保技术造福人类。

2026-04-12 20:40:09 26

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

2. **AI辅助编程工具测评** - GitHub Copilot、Cursor、Claude等工具对比。**读者需求**:考虑目标读者的知识水平,初学者需要基础概念和完整示例,进阶读者需要深度分析和最佳实践。**技术深度**:选择你真正理解且有实践经验的领域,避免写自己都不太懂的内容。**时效性**:紧跟技术发展潮流,关注主流框架的最新版本,分析行业应用案例。4. **AI Agent开发入门** - 从理论到代码实现。3. **RAG系统构建实战** - 企业级知识库落地案例。

2026-04-12 18:52:16 15

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

2. **AI辅助编程工具测评** - GitHub Copilot、Cursor、Claude等工具对比。**读者需求**:考虑目标读者的知识水平,初学者需要基础概念和完整示例,进阶读者需要深度分析和最佳实践。**技术深度**:选择你真正理解且有实践经验的领域,避免写自己都不太懂的内容。**时效性**:紧跟技术发展潮流,关注主流框架的最新版本,分析行业应用案例。4. **AI Agent开发入门** - 从理论到代码实现。3. **RAG系统构建实战** - 企业级知识库落地案例。

2026-04-12 16:33:37 18

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

2. **AI辅助编程工具测评** - GitHub Copilot、Cursor、Claude等工具对比。**读者需求**:考虑目标读者的知识水平,初学者需要基础概念和完整示例,进阶读者需要深度分析和最佳实践。**技术深度**:选择你真正理解且有实践经验的领域,避免写自己都不太懂的内容。**时效性**:紧跟技术发展潮流,关注主流框架的最新版本,分析行业应用案例。4. **AI Agent开发入门** - 从理论到代码实现。3. **RAG系统构建实战** - 企业级知识库落地案例。

2026-04-12 15:32:24 24

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

2. **AI辅助编程工具测评** - GitHub Copilot、Cursor、Claude等工具对比。**读者需求**:考虑目标读者的知识水平,初学者需要基础概念和完整示例,进阶读者需要深度分析和最佳实践。**技术深度**:选择你真正理解且有实践经验的领域,避免写自己都不太懂的内容。**时效性**:紧跟技术发展潮流,关注主流框架的最新版本,分析行业应用案例。4. **AI Agent开发入门** - 从理论到代码实现。3. **RAG系统构建实战** - 企业级知识库落地案例。

2026-04-12 15:28:20 29

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

2. **AI辅助编程工具测评** - GitHub Copilot、Cursor、Claude等工具对比。**读者需求**:考虑目标读者的知识水平,初学者需要基础概念和完整示例,进阶读者需要深度分析和最佳实践。**技术深度**:选择你真正理解且有实践经验的领域,避免写自己都不太懂的内容。**时效性**:紧跟技术发展潮流,关注主流框架的最新版本,分析行业应用案例。4. **AI Agent开发入门** - 从理论到代码实现。3. **RAG系统构建实战** - 企业级知识库落地案例。

2026-04-12 15:18:50 26

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

2. **AI辅助编程工具测评** - GitHub Copilot、Cursor、Claude等工具对比。**读者需求**:考虑目标读者的知识水平,初学者需要基础概念和完整示例,进阶读者需要深度分析和最佳实践。**技术深度**:选择你真正理解且有实践经验的领域,避免写自己都不太懂的内容。**时效性**:紧跟技术发展潮流,关注主流框架的最新版本,分析行业应用案例。4. **AI Agent开发入门** - 从理论到代码实现。3. **RAG系统构建实战** - 企业级知识库落地案例。

2026-04-12 15:11:18 37

原创 DiagNowTest_1775975807745

This is a test AI article.

2026-04-12 14:37:22 17

原创 DiagTest_1775975589695

This is a test article about AI.

2026-04-12 14:33:19 18

原创 PubTest_1775973795700

kkkkkkkkkkkkk

2026-04-12 14:04:45 17

原创 Python自动化发布CSDN文章

通过以上方法,可实现技术文章的批量定时发布,但需遵守平台规则。建议结合Markdown文件解析,构建完整的自动化发布流水线。本文将介绍使用Python实现CSDN文章自动发布的实用技巧。print(f"发布成功,文章ID:{result['data']['articleId']}")'content': '## 概述\n自动化测试能提升代码质量...','title': 'Python自动化测试实战','tags': 'Python,自动化测试'2. 注意API调用频率限制。3. 建议添加异常重试机制。

2026-04-12 13:06:37 37

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

写作是最好的学习方式。把复杂的技术用通俗的语言讲清楚,本身就是对自己技术理解的深化。AI时代,让我们一起用文字记录技术的力量!

2026-04-12 13:05:01 46

原创 微信小程序自动化测试实战:用Playwright打通E2E测试全流程

微信小程序自动化测试实战:介绍Playwright在E2E测试中的核心优势和代码示例。

2026-04-11 09:24:53 116

原创 Node.js实战:构建高效的多平台文章自动发布系统

本文介绍如何使用Node.js构建全自动多平台文章发布系统,采用Express+CDP技术栈,实现一键发布到CSDN等多个平台。

2026-04-10 18:08:40 260

原创 HTTP POST发包测试文章

测试通过API直接发布文章到CSDN的技术方案。

2026-04-10 16:50:53 21

原创 【API自动化】通过HTTP POST直接发布CSDN文章测试

通过HTTP POST直接调用CSDN内部API实现文章自动化发布,无需浏览器操作。

2026-04-10 16:38:34 506

原创 AI技术博客写作实战指南:从零到一打造高质量技术文章

本文分享如何利用AI工具高效写作技术博客,涵盖选题策略、内容结构、代码规范等实战技巧,帮助开发者提升博客质量和影响力。

2026-04-10 16:35:49 478

原创 Python自动化发布CSDN文章

本文介绍使用Python通过CSDN API实现文章自动化发布的方法,包括身份验证与数据提交。

2026-04-10 16:21:54 64

原创 slot插槽

Vue3中的Slot机制详解 摘要:本文介绍了Vue3中Slot插槽的使用方法,包括基本用法、具名Slot、作用域Slot等核心概念。Slot允许父组件向子组件传递模板内容,实现灵活的组件复用。具体内容包括:1) 单个Slot的基本使用方式;2) 具名Slot的多插槽实现;3) 作用域Slot实现父子组件数据传递;4) 动态Slot名和缩写语法等高级用法。文章通过代码示例展示了各种Slot的使用场景,并强调了Vue3中废弃的slot属性,统一使用v-slot指令的注意事项。

2026-03-07 19:01:51 53

原创 $emit自定义组件发数据本组件

摘要:本文介绍了Vue3中$emit的使用方法,重点讲解了在<script setup>语法下的最佳实践。内容包括:1)基本用法:子组件通过$emit触发事件,父组件监听事件;2)使用defineEmits声明事件,增强代码可读性和类型安全;3)TypeScript中的类型安全实现;4)事件参数校验;5)动态事件名注意事项;6)与v-model的结合使用,包括单v-model和多个v-model绑定的实现方式。文章通过代码示例展示了Vue3中事件通信的各种技术细节。

2026-03-07 18:29:04 192

原创 components自定义组件

Vue3自定义组件开发指南:介绍了创建单文件组件的基本结构(template/script/style),详细说明了全局和局部注册方式。重点讲解了props数据传递、$emit事件通信、插槽内容分发等核心功能,并演示了组合式API的setup用法、生命周期钩子及动态组件切换。涵盖从基础到高级的组件开发技巧,为构建Vue3应用提供完整解决方案。

2026-03-04 23:45:00 63

原创 defineProps 本组件改自定义组件的数据

本文介绍了Vue3中自定义组件的实现方式,重点讲解了defineProps的用法。主要内容包括:1) 通过示例展示了一个包含用户名和头像的自定义组件结构;2) 详细说明了defineProps在<script setup>中的使用,包括运行时声明和TypeScript类型声明两种方式;3) 介绍了如何设置props默认值(withDefaults)和添加验证规则;4) 强调了使用注意事项,如不能直接解构props等。该文全面讲解了Vue3组合式API中props的定义和使用方法。

2026-03-04 19:58:23 39

原创 watch蓝听

摘要:本文介绍了Vue3中watch蓝听器的使用方法,包括基本蓝听、多数据源蓝听、立即执行、深度蓝听等特性。通过代码示例展示了如何蓝听ref变量、对象属性,以及使用deep和immediate参数实现深度蓝听和立即执行。同时对比了watchEffect的自动依赖追踪特性,并提供了性能优化建议和路由蓝听的实际应用场景。文章还提到watch返回停止函数的功能,以及通过flush参数控制回调执行时机。

2026-03-04 15:45:00 60

原创 computed计算属性

摘要:本文介绍了Vue3计算属性(computed)的使用方法及其特性。计算属性是基于响应式数据的缓存计算结果,仅在依赖变化时重新计算。文章展示了基本语法,包括只读和可写计算属性的定义方式,并比较了计算属性与方法的区别(缓存特性)。同时提供了最佳实践建议:适合处理模板复杂表达式,避免副作用和异步操作,以及TypeScript类型支持。通过代码示例演示了计算属性的实际应用场景。

2026-03-04 12:00:00 66

原创 v-model双向绑定

摘要:本文介绍了Vue中v-model双向绑定的实现原理和使用方法。v-model本质是v-bind和v-on的语法糖,会根据输入类型自动绑定对应属性和事件。文章详细说明了在表单元素和自定义组件中使用v-model的方式,包括如何处理modelValue属性和update事件。还介绍了v-model的修饰符功能(.lazy/.number/.trim)以及Vue3+支持的多v-model绑定特性,最后展示了如何创建自定义修饰符来实现特殊逻辑处理。

2026-03-04 08:00:00 31

原创 表单focus,blur事件用法

uniapp中表单元素的focus和blur事件用于处理输入框的聚焦和失焦行为。在模板中通过@focus和@blur绑定事件,事件对象包含输入值等属性。可通过这些事件动态修改样式,如聚焦时改变边框颜色。注意不同平台的兼容性问题,如H5的blur事件可能延迟触发,微信小程序可获取键盘高度。还可用blur事件实现失焦自动提交等功能。这些方法能有效处理表单交互逻辑和样式控制。

2026-03-03 23:45:00 206

原创 v-for

本文介绍了Vue3中v-for指令的基本用法和优化建议。主要内容包括:1) v-for的基本语法格式和必需参数:key;2) 遍历数组和对象的常见场景;3) 使用范围值重复渲染;4) 与v-if配合使用的注意事项;5) 性能优化建议,强调使用唯一key和虚拟滚动技术。文章通过代码示例展示了如何高效处理动态数据渲染需求。

2026-03-03 20:00:00 47

原创 v-if 和 v-show 区别

摘要:v-if和v-show是Vue中控制元素显示的两个指令。v-if根据条件动态添加/移除DOM元素,条件为假时完全销毁元素;v-show则通过CSS的display属性控制显示/隐藏,元素始终存在于DOM中。v-if适合条件变化少的场景,会触发组件生命周期;v-show适合频繁切换,性能开销较小但初始会渲染DOM。选择依据:频繁切换用v-show,条件稳定或需减少初始渲染用v-if,注意生命周期影响。

2026-03-03 15:00:00 425

原创 v-on缩写为‘ @ ’

Vue3中v-on指令的事件处理机制 摘要:Vue3的v-on指令用于监听DOM事件,支持简写为@符号。它提供了多种事件处理方式:内联方法调用、访问原生事件$event、串联使用事件修饰符(.stop、.prevent等)、按键修饰符以及对象语法绑定多事件。在Composition API中,可在setup()定义方法并在模板通过@click调用。注意事项包括:保持事件处理简单、修饰符可串联使用,以及自定义组件上监听子组件事件。该指令优化了事件处理体验,使代码更简洁高效。

2026-03-03 13:00:00 406

原创 v-bind 缩写为 :

本文介绍了Vue3中v-bind指令的使用方法。主要内容包括:1)v-bind的基本语法和动态绑定示例;2)对象语法绑定多个属性;3)class和style的动态绑定方式;4)计算属性在绑定中的应用;5)父子组件间的props绑定;6)修饰符(.prop/.camel)和动态参数的使用技巧。文章强调使用计算属性处理复杂逻辑,并提供了各种场景下的代码示例,帮助开发者掌握v-bind的简写形式":"及其核心功能。

2026-03-03 09:00:00 301

原创 ref 响应式

本文介绍了Vue3中ref响应式的基本概念和使用方法。ref用于创建响应式数据,通过.value访问或修改值,在模板中会自动解包。文章对比了ref与reactive的区别,阐述了ref的响应式原理,并指出解构ref时需使用toRefs保持响应性。此外还介绍了ref在组合式API中的典型应用,以及使用shallowRef进行性能优化的方法。

2026-03-02 23:45:00 372

原创 vue3 插值表达式 {{ }}

Vue3插值表达式{{}}用法摘要:Vue3中插值表达式用于模板数据绑定,支持变量显示、简单运算和方法调用。注意事项包括避免复杂逻辑、默认HTML转义(需用v-html指令显示HTML)和自动响应式更新。常与v-if、v-for等指令配合使用实现动态渲染。Vue3取消了过滤器功能,建议使用计算属性或方法替代。

2026-03-02 20:00:00 288

原创 button按钮 组件,input输入框 组件

摘要:本文介绍了uniapp中button和input组件的使用方法。button组件支持多种类型(type)、尺寸(size)等属性,可设置disabled禁用或loading加载状态,通过@click绑定点击事件。input组件提供文本输入功能,支持v-model双向绑定,可设置输入类型(type)、占位文本(placeholder)等属性,并支持@input、@focus等事件监听。文中给出了两个组件的基本用法示例代码,包括属性设置、事件绑定以及表单验证的实现方式,帮助开发者快速掌握这两个常用组件的交

2026-03-02 15:27:29 168

原创 swiper轮播组件

本文介绍了uniapp中swiper轮播组件的使用方法。基础示例展示了包含3个swiper-item的轮播图,设置了自动播放、指示点和过渡动画等属性。详细说明了swiper的常用配置项(indicator-dots、autoplay、interval等)和样式定制方法,并介绍了事件处理和自定义指示点等高级功能。最后提醒开发者注意不同平台(H5、小程序、APP)的实现差异,建议进行多端测试。该组件可实现图片/文字内容的横向或纵向轮播效果。

2026-03-02 12:13:37 200

uniapp完整源码,一套值得学习的开源代码

uniapp完整源码,一套值得学习的开源代码

2026-03-02

空空如也

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

TA关注的人

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