- 博客(48)
- 收藏
- 关注
RSS订阅原创 Java 从 0 到 1：图书借阅管理系统学习指南
本文介绍了一个Java学习项目"图书借阅管理系统"的六阶段开发路线，从基础语法到工程化架构的完整演进过程。文章详细解析了Java开发环境的搭建、第一个程序的编写规范、数据类型
2026-08-17 15:38:59
223
原创 导航组件：菜单与面包屑
本文介绍了如何使用Element Plus的菜单和面包屑导航组件构建系统导航体系。主要内容包括：1) el-menu组件家族的基本用法（菜单容器、菜单项和分组菜单）及关键属性；2) 实现菜单与路由联动，包括高亮跟随、详情页处理和分组展开；3) 菜单数据化配置方法，支持动态渲染和图标使用；4) 面包屑导航的实现原理，基于路由meta.title自动生成层级链
2026-08-13 10:00:22
236
原创 反馈组件：对话框、消息与通知
本课讲解Element Plus四种反馈组件的使用场景与技巧： 对话框(el-dialog)：处理复杂交互，需注意防误关(close-on-click-modal)和关闭销毁(destroy-on-close)属性； 消息提示(ElMessage)：分success/error/warning/info四种类型，遵循"操作完成再反馈"原则
2026-08-13 09:57:06
314
原创 Form表单与校验
本课介绍了使用Element Plus的el-form组件构建表单并实现校验功能。主要包括：1)表单基础结构搭建，通过el-form容器、el-form-item行和v-model数据绑定；2)校验规则配置，包括必填、长度、格式校验及自定义验证函数；3)表单提交、校验与重置的实现方法
2026-08-12 17:26:10
179
原创 Table表格与Pagination分页
本文介绍了Element-Plus中表格(Table)和分页(Pagination)组件的使用。主要内容包括：1) 使用el-table渲染数据，配置prop/label/width属性；2) 通过作用域插槽自定义单元格，实现状态标签和操作按钮；3) el-pagination分页组件与表格联动，包括数据请求、状态管理和事件处理
2026-08-12 16:02:01
201
原创 Element-Plus 入门与整体布局
介绍了Element-Plus组件库的安装与使用，重点讲解了如何搭建管理系统经典的三段式布局。主要内容包括：1）全量引入Element-Plus的方法；2）使用el-container组件家族实现顶栏、侧栏和主内容区的布局；3）文档查阅三步法；4）按钮和图标组件的使用技巧；5）全局配置与主题设置；6）布局改造步骤与常见错误排查。
2026-08-11 15:06:17
212
原创 Pinia 状态管理
介绍了Pinia状态管理库在Vue3中的核心应用：通过store的state/getters/actions三件套管理共享状态 state使用函数返回对象，getters基于state计算派生值，actions处理业务逻辑
2026-08-11 10:49:17
234
原创 第9课 Vue Router 路由
本文介绍了Vue Router的核心使用方法和配置要点。包括：路由基本概念与安装配置；路由表创建、注册和出口设置；嵌套路由实现主布局与子页面；声明式导航与编程式导航的使用；路由传参的两种方式（params和query）
2026-08-11 10:06:57
211
原创 插槽与生命周期
Vue组件开发中的两个核心概念：插槽与生命周期。 插槽用于组件内容定制化，分为三种类型： 默认插槽 - 基础占位 具名插槽 - 多区域布局（需用template包裹） 作用域插槽 、。生命周期关注组件运行关键节点： onMounted：组件挂载后执行（初始化请求）onUnmounted：组件卸载前清理（定时器/事件） 其他钩子如onUpdated等较少使用、
2026-08-11 09:18:58
220
原创 组件通信：Props 与 Emit
Vue组件通信主要通过Props和Emit实现。Props用于父向子传递数据，子组件通过defineProps声明接收（支持类型校验和默认值），父组件通过:propName="value"动态传值，需注意单向数据流原则。
2026-08-10 14:50:51
315
原创 表单与双向绑定
本文介绍了Vue中v-model的双向绑定原理及其在表单控件中的应用。主要内容包括： v-model本质是语法糖，通过绑定value属性和监听input/change事件实现数据与视图的双向同步。 详细讲解了四类表单控件的v-model用法
2026-08-10 14:32:54
384
原创 条件渲染与列表渲染
条件渲染部分对比了v-if和v-show的特性与适用场景，列表渲染详细介绍了v-for的数组和对象遍历方法。重点讲解了key的作用原理与最佳实践，强调避免使用index作为key。
2026-08-10 09:07:36
385
原创 计算属性与侦听器
Vue中的计算属性(computed)和侦听器(watch)的核心区别在于：computed用于派生新数据（有缓存且无副作用），适合搜索筛选等场景；watch用于监听数据变化执行副作用（如请求、日志等）。computed具有缓存特性，依赖变化才会重新计算；watch可配置immediate（立即执行）和deep（深度监听）选项。
2026-08-10 09:03:34
155
原创 响应式核心：ref 与 reactive
Vue3响应式核心：ref与reactive详解 本文介绍了Vue3响应式系统的核心概念ref和reactive。响应式原理基于Proxy代理实现数据监听，当数据变化时自动更新页面。ref用于包装基本类型值，通过.value访问；reactive适用于对象/数组，直接操作属性。
2026-08-10 08:59:20
300
原创 模板语法与数据绑定
Vue3模板语法与数据绑定核心知识点包含： 插值表达式{{}}用于文本渲染 v-bind（简写:）动态绑定元素属性 :class和:style实现动态样式控制 v-on（简写@）处理事件绑定 ref()创建响应式数据（脚本中使用.value）
2026-08-07 13:39:38
199
原创 初识Vue3与开发环境搭建
本文介绍了Vue3的基础知识和开发环境搭建。主要内容包括： 环境准备：需要Node.js、npm、VS Code等工具 Vue3简介：渐进式JavaScript框架，具有响应式、组件化等核心特点 两种API写法对比：Options API和Composition API ，使用Vite创建项目
2026-08-07 10:18:05
374
原创 第 10 节：异步请求与 Axios —— 前端与后端
本文介绍了如何使用Axios实现前端与后端API的异步通信。主要内容包括： Axios的优势：相比原生fetch，Axios提供自动JSON转换、错误自动处理和拦截器功能，简化HTTP请求。
2026-08-07 09:15:25
335
原创 第 9 节：本地存储 — 数据不丢的前端缓存
本节介绍了浏览器本地存储技术localStorage和sessionStorage，重点解决前端数据持久化问题。两种存储方式API相同，但localStorage永久保存，sessionStorage仅限当前会话。存储对象必须通过JSON.stringify序列化，读取时用JSON.parse反序列化。
2026-08-07 09:05:45
240
原创 第 8 节：表单 — 前端校验的第一道防线
表单校验是前端交互系统的关键环节，作为后端数据验证的第一道防线。本文摘要介绍了前端校验的必要性、实现方式及最佳实践
2026-08-06 15:34:05
224
原创 第 7 节：事件 — 让页面响应用户操作
本节讲解JavaScript事件机制，通过事件实现页面动态交互。主要内容包括：1）推荐使用addEventListener绑定事件；2）通过event对象获取事件细节，区分target与currentTarget，使用preventDefault()阻止默认行为；3）利用事件冒泡和委托高效处理动态元素事件，结合closest和dataset定位目标元素；4）实战演示如何将数组操作、DOM渲染与事件结合，实现搜索、筛选和删除功能。
2026-08-06 11:17:56
156
原创 第 6 节：DOM 操作 — 用 JS 操控 HTML
本文介绍了使用 JavaScript 操作 HTML 的 DOM 技术，主要内容包括： 查询元素：使用 querySelector 和 querySelectorAll 方法结合 CSS 选择器精准定位元素，注意处理返回的 NodeList 对象。 创建与插入元素：对比三种方式： createElement + appendChild 适合精细控制 innerHTML 适合批量渲染 insertAdjacentHTML 适合局部追加内容
2026-08-06 08:58:46
449
原创 第 5 节：ES6 模块化 — export _ imp
ES6模块化通过export和import实现了JavaScript代码的模块化管理。核心内容包括： 导出方式：命名导出（export const/function）、默认导出（export default）和聚合导出（从其他模块重新导出） 导入方式：命名导入、别名导入、默认导入、命名空间导入和混合导入 模块化优势：拆分代码逻辑（数据、工具、渲染等模块），提高可维护性
2026-08-06 08:54:32
386
原创 数组与对象 — 以后端思维掌控 JS 数据结构
本文从后端开发者的视角，系统介绍了JavaScript数组的高阶函数使用方法，重点对比了命令式与声明式编程的差异。
2026-08-06 08:52:33
288
原创 函数 — JS 中的一等公民
本文深入探讨了JavaScript函数的核心特性与应用场景。文章首先指出函数在JS中的特殊地位——一等公民，可被赋值、传参和返回。随后详细分析了四种函数声明方式（函数声明、函数表达式、箭头函数和IIFE）及其适用场景，重点对比了普通函数与箭头函数在this绑定上的差异，强调箭头函数在回调中的优势。
2026-08-05 09:02:49
346
原创 JS 运行时 — 代码在哪里执行
JavaScript 运行时环境 JavaScript 代码的执行依赖于运行时环境，主要分为浏览器和 Node.js 两种： 浏览器环境 内置 JS 引擎（如 Chrome 的 V8）解析执行代码 提供 Web API（DOM、alert 等）
2026-08-04 11:03:43
168
原创 边框、圆角与阴影
本节介绍CSS中边框、圆角和阴影的使用，通过这三个视觉细节提升网页元素的精致度。主要内容包括边框的样式控制、圆角效果的创建、阴影效果的实现，以及轮廓线的应用。
2026-08-03 09:02:36
377
原创 文字与图标
本节通过管理系统侧边栏案例，讲解网页排版核心技巧。主要内容包括： 文字排版四大属性：字体（font-family）、字号（font-size）、字重（font-weight）和行高（line-height） 图标字体Font Awesome的使用方法
2026-08-03 08:59:55
289
原创 色彩与背景
聚焦CSS色彩与背景设计，通过构建专业登录页案例，HEX/RGB/HSL三种颜色表示法及HSL调色优势；CSS变量管理全局配色方案，提供即用型后台管理系统调色板；背景渐变与阴影等视觉增强技巧。
2026-07-31 09:11:46
344
原创 定位与层叠上下文
CSS定位与层叠上下文摘要 本文介绍了CSS定位(position)的核心概念和应用场景。主要内容包括： 定位解决了固定导航栏、悬浮按钮等"反文档流"UI需求 五种定位模式
2026-07-31 09:07:13
368
原创 Grid 网格布局 — 二维布局
本节介绍使用CSS Grid构建二维管理系统布局的方法，重点实现侧边栏、顶栏、内容区和页脚的整体框架。通过实战项目"数据管理平台"，学习网格行列定义、区域命名布局以及与Flexbox的嵌套使用技巧。
2026-07-30 09:10:58
269
原创 CSS选择器与优先级
本文介绍了CSS选择器的进阶用法，主要包括组合选择器、属性选择器和优先级计算。通过用户列表表格案例，讲解了如何利用后代选择器、子代选择器、兄弟选择器等精准定位元素，以及通过属性选择器筛选特定类型的元素。文章还提供了四种组合选择器的速记表和属性选择器的匹配模式，帮助开发者实现隔行变色、悬停高亮等常见效果。示例代码展示了如何为不同类型的输入框设置样式，以及元素获得焦点时的视觉反馈。
2026-07-29 08:49:17
290
原创 Linux 文件管理核心知识点总结（系统梳理·通俗易懂）
本文摘要：系统梳理了Linux文件系统的基础概念与操作要点。主要内容包括：Linux单根目录树结构及FHS标准目录层级；7种文件类型识别；文件元数据与时间戳管理；核心操作命令；通配符批量处理技巧；文件路径与目录操作规范。
2026-07-22 16:59:44
469
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人