- 博客(24)
- 收藏
- 关注
RSS订阅原创 Jenkins安装
本文详细介绍了在CentOS8和Ubuntu系统上安装Jenkins的步骤，以及离线安装方法。主要内容包括：1）CentOS8安装流程：更新系统、安装Java、添加仓库、安装Jenkins、配置防火墙；2）Ubuntu安装流程：更新系统、安装依赖、添加源、安装Jenkins；3）离线安装方法：下载WAR包、准备Java环境、部署启动、配置反向代理；4）通用配置说明：初始化向导、插件安装、管理员账户创建、端口修改等。两种系统安装均需开放8080端口，安装完成后需通过浏览器完成初始化配置。
2025-12-30 16:25:29
638
原创 CSS 字体，文本，表格，背景属性
CSS 背景属性用于定义元素的背景效果，包括颜色、图片、位置、重复方式等。CSS 提供了多种属性来控制表格的样式和布局，以下是一些常用的表格属性及其用法，附带代码示例和注释。CSS 提供了多种字体属性来控制文本的显示样式，以下是一些常用的字体属性及其代码示例。通过灵活组合这些属性，可以实现复杂的背景效果，如渐变叠加图片、固定视差背景等。设置文本颜色，可以使用颜色名称、十六进制值、RGB 或 HSL 值。设置文本大小，可以使用像素（px）、em、rem 或百分比（%）。设置行高，控制文本行之间的间距。
2025-09-16 17:38:25
924
原创 CSS盒子模型丶定位详细讲解
CSS盒子模型是网页布局的基础，包含内容区、内边框、边框和外边距四个部分。通过box-sizing属性可控制计算方式：content-box仅包含内容，border-box则包含边框和内边距。CSS3新增了Flex弹性布局和Grid网格布局两种现代布局方式，以及阴影、圆角等装饰效果。定位系统包括static、relative、absolute、fixed和sticky五种方式。浮动布局通过float实现图文混排，但需使用clearfix解决父元素高度塌陷问题。清除浮动的最佳实践是使用伪元素方法，兼容性好且无
2025-09-16 16:18:54
774
原创 CSS3 初始化代码
这段CSS3初始化代码提供了一套完整的样式重置方案，主要包含以下特点：1.全局清除内外边距并设置box-sizing为border-box确保布局一致性；2.设置基础文档样式（字体、行高、颜色等）；3.清除列表、链接、图片、表单和表格的默认样式；4.特别处理了图片响应式(max-width:100%)和表格边框合并(border-collapse)等常见需求；5.所有规则都配有详细注释说明作用。该代码通过规范化默认样式，为后续开发提供了统一的基准样式，有效避免浏览器差异带来的布局问题。
2025-09-15 17:35:11
137
原创 CSS3 属性详解
本文系统介绍了CSS3的核心属性分类与应用。主要内容包括：布局属性（display、position、flexbox、grid）、盒模型（box-sizing、margin/padding）、文本样式（text-shadow、word-wrap）、背景与边框（border-radius、box-shadow）、动画效果（transition、@keyframes）、变形属性（transform、perspective）以及响应式设计（media query）。文中提供了各类属性的语法示例和典型应用场景，如f
2025-09-15 16:57:06
636
原创 光猫、机顶盒、路由器的区别
本文介绍了家庭网络中光猫、机顶盒和路由器三大设备的功能与区别。光猫负责光纤信号转换，是网络接入的第一关；机顶盒专用于电视信号解码；路由器则管理多设备连接和无线覆盖。文章详细分析了设备间的连接方式，并针对光猫的不同工作模式（路由模式/桥接模式）给出两种配置方案：高性能用户推荐光猫桥接+独立路由器方案，普通用户可选择光猫路由+路由器AP模式。最后提供了设备选型建议，强调千兆端口和Wi-Fi 6支持对高速宽带的重要性
2025-09-15 16:46:04
1348
原创 CSS详细简介
CSS是用于控制网页样式的语言，支持四种引入方式：内联样式（直接写在元素内）、内部样式表（HTML的style标签）、外部样式表（独立.css文件，推荐使用）和@import导入。CSS注释使用/* */格式，优先级规则为内联＞内部＞外部样式表，!important可强制覆盖样式。通过选择器、属性和值实现内容与样式分离，控制布局、颜色等视觉效果。
2025-09-15 16:44:57
171
原创 HTML相对路径及绝对路径详解
HTML路径分为相对路径和绝对路径两种形式。相对路径以当前文件为基准，使用"./"表示同级，"../"返回上级，适合项目内部资源引用。绝对路径从根目录("/")或完整URL开始，适合跨域资源。使用路径时需注意大小写敏感、统一使用斜杠"/"，并考虑服务器配置对路径的影响。相对路径便于项目迁移，绝对路径确保外部资源准确定位。
2025-09-05 17:14:48
218
原创 HTML常用文本标签
摘要：HTML提供了丰富的文本标签，包括段落标签(<p>)、标题标签(<h1>-<h6>)、强调标签(<strong><em>)、格式标签(<b><i>)、超链接标签(<a>)等。特殊文本标记如高亮(<mark>)、上下标(<sup><sub>)、引用(<q><blockquote>)增强了语义表现。图片标签(<img>)通过src、alt等
2025-09-05 17:12:19
498
原创 HTML 文本段落缩进
HTML文本段落缩进方法总结：可通过CSS的text-indent实现首行缩进，或用margin/padding控制整体缩进。语义化标签中，blockquote默认带缩进适合长引用，q标签需配合CSS实现缩进效果。p标签定义普通段落，默认无缩进但可通过CSS添加。建议根据场景选择：普通段落用text-indent，短引用用q标签，长引用用blockquote，保持语义化的同时实现缩进效果。
2025-09-04 12:03:59
672
原创 HTML5 块级元素与行内元素详解
HTML5中块级元素与行内元素的主要区别在于：块级元素（如div、p）独占一行，支持宽高设置和边距控制，常用于页面布局；行内元素（如span、a）同行排列，宽高由内容决定，主要用于文本修饰。元素类型可通过CSS的display属性转换，inline-block则兼具两者特性。使用需注意默认样式、空格解析等问题，HTML5新增的语义标签多为块级元素，建议结合Flexbox/Grid实现响应式布局，并注意无障碍访问要求。
2025-09-04 11:32:28
698
原创 HTML标签及使用方法详解
HTML标签是网页的基本构成元素，由尖括号包围的关键词组成，分为成对标签（如<p>）和自闭合标签（如<img>）。主要类型包括结构标签（<html>、<body>）、文本标签（<h1>、<p>）、链接与多媒体标签（<a>、<img>）、表单标签（<form>、<input>）以及列表表格标签（<ul>、<table>）。标签通过属性（如class、id）增强功能，H
2025-09-03 16:22:23
343
原创 CSS样式及选择器
本文介绍了CSS的三种引入方式：内联样式（直接定义）、内部样式表（head内定义）和外部样式表（独立文件）。详细说明了四种CSS选择器（元素、类、ID和组合选择器）及其优先级规则（!important最高）。列举了常用样式属性，包括文本样式、盒模型和背景设置，并介绍了响应式设计的媒体查询应用方法。全文系统性地讲解了CSS的核心概念和使用规范。
2025-09-03 16:18:09
294
原创 JavaScript基础
JavaScript基础概要：包含变量声明(var/let/const)、7种数据类型(5基本+2引用)、常用运算符、流程控制语句(if/for/while)。重点介绍了函数定义方式(声明/表达式/箭头函数)、对象操作(字面量/类)和数组处理方法(map/filter/reduce)。特别强调ES6特性如块级作用域、箭头函数和类语法，涵盖了JavaScript编程的核心概念。
2025-09-03 11:37:18
573
原创 HTML表单与表格详解
本文介绍了HTML表单和表格的基础知识。表单通过<form>标签定义，包含输入字段、下拉菜单和按钮，action属性指定提交地址，method定义请求方法。HTML5提供多种输入类型如text、password、email等，各具验证功能。表格由<table>、<tr>、<th>和<td>构成，支持分组(thead/tbody/tfoot)、合并单元格(colspan/rowspan)和样式控制(colgroup)。最佳实践包括添加标签提升可访问性
2025-09-02 16:57:50
474
原创 HTML5语义化标签详解
HTML5语义化标签解析：文章介绍了HTML5的核心语义标签及其应用，包括<header>、<nav>、<section>、<article>和<footer>，分别说明其用途（如导航、独立内容区块等）和使用场景（网页页眉、文章章节等），并强调避免滥用。附代码示例展示典型页面结构，最后指出语义化标签在SEO优化、可访问性和代码维护方面的优势。全文150字，概括了HTML5语义化标签的核心要点。
2025-09-02 16:53:41
315
原创 HTML元素长度
HTML元素长度控制方法包括：1）CSS的width/height属性固定尺寸；2）max/min-width/height限制范围；3）百分比、vw/vh视口单位实现响应式；4）Flex/Grid布局适配不同屏幕。单位选择需注意：px适合精确控制，rem/em用于字体，vw/vh适配全屏。建议结合box-sizing处理边框，使用媒体查询实现多端适配，JavaScript可动态调整尺寸。注意移动端像素密度差异，推荐rem+vw/vh组合实现高兼容布局。
2025-09-02 16:48:41
375
原创 HTML结构
本文介绍了HTML文档的基本结构和常用元素。主要内容包括：文档声明(<!DOCTYPE>)、根元素(<html>)、头部(<head>)和主体(<body>)的结构；内容元素如标题(<h1>-<h6>)、段落(<p>)、列表(<ul>/<ol>)、图片(<img>)和链接(<a>)的使用方法；注意事项部分强调需要替换示例中的图片URL为有效链接，调整内容样式，并建议添加CSS美
2025-09-02 16:42:32
228
原创 HTML 颜色
HTML 颜色可以通过多种方式表示，常见的包括颜色名称、十六进制代码、RGB 和 HSL 值。开头，后跟 6 位（或 3 位缩写）表示红、绿、蓝（RGB）的值。HTML 支持 140 种标准颜色名称，例如。
2025-09-02 16:26:43
363
原创 B/S架构与C/S架构区别
B/S与C/S架构对比摘要 B/S架构（浏览器/服务器）通过浏览器访问，无需安装软件，跨平台性强但功能较简单，适合网页应用。C/S架构（客户端/服务器）需安装专用程序，功能强大响应快，适合复杂业务场景。核心差异：B/S维护简单（仅服务端更新），C/S安全性更高；B/S依赖网络，C/S支持离线操作；B/S适用轻量级应用，C/S适合高性能需求。两种架构可混合使用，如Hybrid模式结合双方优势。（148字）
2025-09-02 15:43:54
515
原创 Composition API 与 Options API 的区别
两者可以共存，Vue 3 同时支持两种写法，但推荐新项目优先使用 Composition API。是 Vue 2 中的传统开发模式，通过定义。是 Vue 3 引入的新模式，通过。
2025-09-02 12:26:46
256
原创 Vue3组合式API编写APP组件
这是一个使用Vue3组合式API的完整组件示例，展示了：1) 基础结构包含模板、脚本和样式；2) 使用ref和reactive创建响应式数据；3) 定义计算属性和方法；4) 实现父子组件通信；5) 应用生命周期钩子；6) 使用scoped样式。组件包含计数器、用户信息展示等功能，演示了Vue3组合式API的主要特性，如响应式数据管理、组件交互等，并提供了可扩展的基础框架。
2025-09-02 11:52:00
304
2
原创 创建VUE3工程
本文介绍了Vue 3项目的两种创建方式：使用Vue CLI和Vite。主要内容包括环境准备（Node.js≥16.0）、Vue CLI安装、项目创建步骤、项目结构说明，以及如何添加常用依赖（Vue Router和Pinia）。Vue CLI提供完整功能配置，而Vite则更轻量快速。两种方式都详细说明了启动命令和基本项目结构，最后演示了如何在main.js中配置路由和状态管理。
2025-09-02 11:33:43
402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人