花神yyds-优快云博客

原创【JAVA】基础学习

介绍了Java开发的基础知识，包括开发版本、学习流程、Java基础概念、数据类型、运算符、流程控制、数组、面向对象、构造函数、方法重载、封装和static关键字等内容

2026-08-17 10:52:11 433

如果类想要遵循ts规范，得使用implements// 定义一个接口，包含一个方法speak，参数为数字类型，返回值为void) {}${this// 定义一个接口，包含一个方法speak，参数为数字类型，返回值为void export interface classTypes {// 定义一个接口，包含一个方法speak，参数为数字类型，返回值为void export interface classTypes {${

2026-04-10 18:11:53 290

原创【React】项目实战 redux-toolkit+axios+echarts+登录鉴权

本文介绍了一个基于React技术栈的项目实战开发方案。项目采用create-react-app脚手架搭建，使用react-router-dom进行路由管理，并集成Redux Toolkit进行状态管理。UI组件采用Ant Design，通过axios进行网络请求的二次封装，并使用mock.js模拟后端数据。文章详细讲解了项目结构设计、路由配置、权限管理、组件封装等核心功能实现，重点剖析了Redux Toolkit中configureStore和createSlice的配合使用机制，以及如何通过Provide

2026-02-28 10:57:03 889

原创【React】扩展知识点

本文介绍了React中的几个核心知识点：1）setState的两种写法（对象式和函数式）及其异步特性；2）路由组件的懒加载实现；3）Hooks的使用，包括useState状态管理、useEffect模拟生命周期和useRef获取DOM元素；4）Fragment标签减少不必要的DOM渲染；5）Context实现祖孙组件通信。通过代码示例展示了这些功能的具体实现方式，帮助开发者更好地理解React的特性。

2026-01-08 11:02:02 648

原创 devtools-v6导入游览器

摘要：本文介绍了Vue.js devtools v6的安装步骤：1）下载项目文件并打开终端；2）安装yarn工具；3）执行yarn install安装依赖；4）运行yarn build构建项目。安装成功后会出现build文件夹，将shell-chrome拖入浏览器扩展即可使用。注意事项包括需要Node.js版本≥20（推荐21.2.0），若报错"tsc命令无法识别"需执行npm install -g typescript安装TypeScript。安装过程配有成功状态截图辅助验证。

2026-01-04 15:26:16 236

原创【React】UI库Antd和Redux状态管理

本文介绍了React开发中常用的UI组件库和Redux状态管理工具。主要内容包括：1) 推荐了Material-UI和Ant Design两个流行的React UI组件库；2) 详细讲解了Redux的核心概念和使用方法，包括action、store和reducer的作用；3) 提供了Redux v5版本的同步和异步实现示例代码；4) 说明了如何通过store.subscribe实现状态变化的实时监听。文章重点展示了Redux在组件间共享状态和通信方面的应用，并特别介绍了异步action的实现方式，通过red

2025-12-31 17:59:21 1003

原创【React】路由

本文介绍了React中SPA应用和路由的基本概念，重点解析了react-router-dom的使用方法。SPA是单页应用，通过前端路由实现局部更新，数据通过ajax请求获取。文章对比了BrowserRouter和HashRouter的区别，详细说明了Link、Route、NavLink等组件的使用方法，并比较了v5和v6版本的差异。此外，还探讨了路由组件与普通组件的区别、多级路径样式丢失问题以及路由匹配规则的变化。V6版本简化了API，默认采用精确匹配，移除了Switch组件，改用Routes替代。

2025-12-09 16:41:43 805

原创【React】组件生命周期和脚手架

react组件生命周期和父子和兄弟之间传值，以及类组件和函数组件的使用

2025-11-27 16:58:01 959

原创【React】属性介绍

react基础介绍和三大属性，state，props，ref

2025-11-03 14:07:54 994

原创 express+mongoose的node部署

部署步骤

2025-08-22 15:50:16 371

原创【Vue Router】学习（超详细）

Vue Router核心功能摘要：router-link支持多种导航方式，可通过to属性指定目标路由，支持字符串、对象等形式。tag参数可更改渲染标签，replace属性控制导航方式，active-class设置激活样式。router-view可命名显示对应组件。路由模式分为hash和history，base设置基路径。常见问题包括路由激活样式设置和默认选中处理，可使用exact属性或LinkExactActiveClass配置解决。router-link与a标签的主要区别在于history模式的交互处理。

2025-06-18 12:49:15 1110

原创【Vue3+Mongodb】

本文介绍了基于Vue3和Mongodb构建前后端分离项目的关键步骤。后端部分通过Express框架搭建Node服务器，使用Mongoose连接Mongodb数据库，并创建用户模型实现增删改查功能。前端采用Vue3开发，配置代理解决跨域问题，封装axios请求实现登录接口调用。重点包括：Express项目创建、Mongodb数据库配置、用户模型定义、接口路由设计、控制器与服务层分离开发，以及前端请求的统一封装和错误处理。文章通过代码片段详细展示了从数据库连接到前后端交互的完整流程，为开发类似项目提供了实用参考

2025-06-18 12:48:28 734

原创【TypeScript】面向对象

本文介绍了TypeScript中面向对象的核心概念。主要内容包括：类的定义与使用 - 包含属性声明、构造函数、方法定义，对比了JS和TS的语法差异类成员修饰符 - 详细说明public、private、protected三种可见性修饰符的作用范围特殊修饰符 - readonly只读属性和getters/setters存取器的使用继承与抽象类 - 通过extends实现继承，abstract定义抽象类和抽象方法多态应用 - 使用抽象类作为类型约束实现多态调用参数属性特性 - 构造函数参数直接转换

2025-06-18 12:47:03 695

原创【Ant Design Vue】

本文总结了Ant Design Vue组件库使用中的常见问题及解决方案。主要内容包括：1) 前后时间选择组件的时间间隔限制和重置处理；2) a-tree-select组件placeholder显示问题的解决方法；3) a-form表单校验的实现方式；4) a-table组件rowKey缺失和自定义编辑格的解决方案；5) a-range-picker日期反显的格式要求。文章通过代码示例详细说明了各种情况的处理方式，特别是初始值设置、数据格式和插槽使用等关键点，为开发者提供了实用的参考方案。

2025-06-18 12:46:06 1164

原创【flutter】组件进阶

flutter仿抖音无限上滑，动画属性

2025-06-18 12:44:19 536

原创【flutter】路由管理，Dialog，Toast

flutter的路由跳转和弹窗组件

2025-06-18 12:42:55 538

原创【Flutter】教程-组件分析

本文介绍了Flutter中的常用组件，包括按钮组件（如普通按钮、文本按钮、边框按钮、图文按钮及其样式自定义）、Center与Align组件的居中与定位功能，以及Container容器的布局属性（宽高、边距、圆角等）。通过代码示例展示了如何实现不同样式按钮和容器布局，并提供了组件生成的快捷方式截图。这些基础组件是构建Flutter应用界面时的重要工具。

2025-03-21 11:04:11 759

原创【Flutter】教程初始化和页面框架

Flutter是由谷歌开发的开源跨平台应用框架，支持iOS、Android、Web和桌面端开发。文章介绍了Flutter环境配置、Dart语言基础、项目创建与运行方法，以及常用开发工具（VS Code和Android Studio）的配置。重点讲解了Flutter的核心组件MaterialApp和Scaffold的使用，并通过计数器案例演示了有状态组件StatefulWidget的实现。还提供了项目目录结构解析、快捷键操作指南和调试技巧（如移除debug图标）。适合初学者快速了解Flutter开发流程和基本

2025-03-21 11:03:36 1851

原创【Mongodb】增删改查

MongoDB是一种分布式文件存储数据库，采用类似JS的语法，易于上手。其核心概念包括数据库（数据仓库）、集合（类似数组）和文档（最小数据单位）。安装时需在bin目录运行mongod和mongo命令建立连接。常用命令行操作包括数据库创建/删除、集合管理及文档的增删改查。Mongoose是操作MongoDB的ODM库，通过Schema定义文档结构，支持字段验证（唯一性、默认值等）。文档操作通过Model实现，包括create插入、deleteOne/deleteMany删除等，新版仅支持Promise回调方式

2024-05-14 13:56:48 1549

原创【Mongodb】mongoose代码模块化和图形化工具

本文介绍了MongoDB的模块化开发方法，通过Mongoose实现数据库操作的代码复用。主要内容包括：1) MongoDB启动准备工作；2) 构建模块化目录结构，包含配置文件(config.js)、数据库连接(db.js)和模型文件(user.js/active.js)；3) 使用模型文件进行CRUD操作的示例；4) 推荐两种图形化管理工具Robo 3T和Navicat，并详细说明Navicat连接MongoDB及创建数据库、集合和文档的具体步骤。该方法可有效减少重复代码，提高开发效率。

2024-05-14 13:56:18 977