当前位置：首页 > news >正文

TypeScript（TS）的使用初识

news 来源：原创 2025/7/20 22:08:30

我将详细讲解 TypeScript（TS） 的使用。TypeScript 是由微软开发的一种开源编程语言，它是 JavaScript 的超集，通过引入静态类型和面向对象编程特性，增强了 JavaScript 的开发体验和代码质量。TypeScript 最终会被编译成 JavaScript，因此可以在任何支持 JavaScript 的环境中运行，例如浏览器或 Node.js。

下面，我将从 TypeScript 的基础概念到高级特性，逐步为你讲解其使用方法。

1. TypeScript 简介

TypeScript 的核心优势在于：

静态类型：开发者可以在编写代码时为变量、函数参数和返回值指定类型，编译器会在编译时检查类型错误，从而减少运行时 bug。
面向对象编程：支持类、接口、继承等特性，使代码结构更清晰。
工具支持：提供更好的代码补全、导航和重构功能，尤其在现代 IDE（如 VS Code）中。
兼容性：完全兼容 JavaScript，可以直接使用现有的 JavaScript 代码和库。

2. 安装和配置

2.1 安装 TypeScript

要使用 TypeScript，首先需要安装 TypeScript 编译器。通过 npm（Node.js 的包管理器）全局安装：

npm install -g typescript

安装完成后，可以使用 tsc 命令编译 TypeScript 文件。例如：

tsc example.ts

这会将 example.ts 编译成 example.js。

2.2 配置项目

在项目根目录下创建一个 tsconfig.json 文件，用于配置 TypeScript 编译器。以下是一个简单的配置示例：

{"compilerOptions": {"target": "es5",           // 编译目标为 ES5"module": "commonjs",      // 使用 CommonJS 模块系统"strict": true,            // 启用严格类型检查"outDir": "dist"           // 编译输出目录},"include": ["src/**/*"],     // 包含 src 目录下的所有文件"exclude": ["node_modules"]  // 排除 node_modules 目录
}

运行 tsc 命令时，编译器会根据 tsconfig.json 的配置编译项目。

3. 基本类型

TypeScript 支持 JavaScript 的所有基本类型，并扩展了一些额外的类型。

3.1 类型示例

以下是常用类型的定义和使用：

// 布尔值
let isDone: boolean = false;// 数字
let age: number = 30;// 字符串
let name: string = "John";// 数组（两种写法）
let list1: number[] = [1, 2, 3];
let list2: Array<number> = [1, 2, 3];// 元组（固定长度和类型的数组）
let tuple: [string, number] = ["hello", 10];// 枚举
enum Color { Red, Green, Blue }
let c: Color = Color.Green; // 值从 0 开始递增// 任意类型
let notSure: any = 4; // 可以是任意类型，但应尽量避免使用// 无返回值
function warnUser(): void {console.log("This is a warning message");
}// null 和 undefined
let u: undefined = undefined;
let n: null = null;

3.2 类型断言

类型断言用于告诉编译器某个值的具体类型，常用 as 关键字或尖括号语法：

let someValue: any = "this is a string";
let strLength: number = (someValue as string).length; // 类型断言为 string
// 或使用尖括号语法
let strLength2: number = (<string>someValue).length;

4. 接口（Interfaces）

接口用于定义对象的结构，指定属性和方法的类型。

4.1 基本接口

interface Person {name: string;age: number;greet(): void;
}let user: Person = {name: "Jane",age: 25,greet() {console.log("Hello!");}
};

4.2 可选属性和只读属性

interface Config {color?: string;          // 可选属性readonly width: number;  // 只读属性[propName: string]: any; // 允许额外的任意属性
}let config: Config = { width: 100 };
config.width = 200; // 错误：只读属性无法修改

5. 类（Classes）

TypeScript 支持类、继承和访问修饰符。

5.1 定义类

class Animal {protected name: string; // protected：仅类及其子类可访问constructor(name: string) {this.name = name;}move(distance: number) {console.log(`${this.name} moved ${distance}m.`);}
}class Dog extends Animal {bark() {console.log("Woof! Woof!");}
}let dog = new Dog("Buddy");
dog.bark(); // 输出: Woof! Woof!
dog.move(10); // 输出: Buddy moved 10m.

5.2 访问修饰符

public：默认，任何地方都可以访问。
private：仅类内部可访问。
protected：类及其子类可访问。

6. 函数

函数可以指定参数类型和返回值类型。

6.1 基本函数

function add(x: number, y: number): number {return x + y;
}

6.2 可选参数和默认参数

// 可选参数
function buildName(firstName: string, lastName?: string): string {return lastName ? `${firstName} ${lastName}` : firstName;
}// 默认参数
function buildNameWithDefault(firstName: string, lastName: string = "Smith"): string {return `${firstName} ${lastName}`;
}

7. 泛型（Generics）

泛型允许在定义时不指定具体类型，使用时再确定类型。

7.1 泛型函数

function identity<T>(arg: T): T {return arg;
}let output1 = identity<string>("myString"); // 类型为 string
let output2 = identity<number>(42);         // 类型为 number

7.2 泛型类

class GenericNumber<T> {zeroValue: T;add: (x: T, y: T) => T;constructor(zeroValue: T, addFn: (x: T, y: T) => T) {this.zeroValue = zeroValue;this.add = addFn;}
}let myGenericNumber = new GenericNumber<number>(0, (x, y) => x + y);

8. 模块（Modules）

TypeScript 使用 import 和 export 管理模块。

// math.ts
export function add(x: number, y: number): number {return x + y;
}// main.ts
import { add } from './math';
console.log(add(2, 3)); // 输出: 5

9. 类型推断

TypeScript 会自动推断变量类型：

let x = 3; // x 被推断为 number

10. 联合类型和交叉类型

10.1 联合类型

允许一个值是多种类型之一：

function padLeft(value: string, padding: string | number) {if (typeof padding === "number") {return " ".repeat(padding) + value;}return padding + value;
}

10.2 交叉类型

合并多个类型：

interface A { a: number; }
interface B { b: number; }
type C = A & B;
let c: C = { a: 1, b: 2 };

11. 类型守卫

类型守卫用于运行时检查类型：

function isString(test: any): test is string {return typeof test === "string";
}function example(foo: any) {if (isString(foo)) {console.log(foo.toUpperCase()); // foo 被视为 string}
}

12. 高级类型

12.1 条件类型

type NonNullable<T> = T extends null | undefined ? never : T;
type Foo = NonNullable<string | null>; // 类型为 string

12.2 映射类型

type Partial<T> = {[P in keyof T]?: T[P];
};
interface User { name: string; age: number; }
type PartialUser = Partial<User>; // { name?: string; age?: number; }

13. 与 JavaScript 的互操作

TypeScript 可以直接使用 JavaScript 代码，并通过类型声明文件（.d.ts）为其添加类型：

declare function $(selector: string): any;
let element = $("#id");

14. 工具和生态系统

IDE：VS Code 提供强大的 TypeScript 支持。
构建工具：如 Webpack、Rollup。
框架：Angular、React、Vue.js 都支持 TypeScript。

15. 最佳实践

启用 "strict": true 以确保类型安全。
尽量避免使用 any 类型。
使用接口和类型别名提高代码可读性。
利用类型推断减少冗余注解。

总结

TypeScript 通过静态类型和面向对象编程特性，大幅提升了前端开发的效率和代码质量。掌握 TypeScript 的使用，不仅能帮助你编写更健壮的代码，还能更好地适应现代前端框架和工具生态。

TypeScript（TS）的使用初识

我将详细讲解 TypeScript（TS） 的使用。TypeScript 是由微软开发的一种开源编程语言，它是 JavaScript 的超集，通过引入静态类型和面向对象编程特性，增强了 JavaScript 的开发体验和代码质量。TypeScript 最终会被编译成…...

编程日记 2025/7/20 22:08:30

QTcpSocket多线程连接慢问题

20250325记录环境：Qt5.14.2 64位 msvc编译在多线程环境下，使用QTcpSocket实现客户端，发现在少部分电脑上，连接时间过长，定时器检查套接字状态时，发现连接处于QAbstractSocket::ConnectingState状态。 …...

编程日记 2025/7/15 13:46:47

Every Vue application starts with a single Vue component instance as the application root. Any other Vue component created in the same application needs to be nested inside this root component. 每个 Vue 应用都以一个 Vue 组件实例作为应用的根开始。在同一个应…...

编程日记 2025/7/20 22:05:19

[AI绘图] ComfyUI 中自定义节点插件安装方法

ComfyUI 是一个强大的 AI 图像生成工具，支持自定义节点插件扩展其功能。本文介绍 ComfyUI 中安装自定义节点插件的三种方法，包括 Git Clone 方式、插件管理器安装方式，以及手动解压 ZIP 文件的方法，并分析它们的优缺点。 1. Git Clone 方法使用 git clone 是最稳定且推荐…...

编程日记 2025/7/20 22:01:12

数据库第二周作业

数据库约束、常见语句等数据库约束主键约束 #创建表，把id设为主键 mysql> create table test02(-> id int primary key, #----主键约束-> name varchar(50)-> ); Query OK, 0 rows affected (0.02 sec) #插入数据测试 mysql> insert into te…...

编程日记 2025/7/17 0:02:08

Appium Inspector使用教程

1.下载最新版本 https://github.com/appium/appium-inspector/releases 2.本地启动一个Appium服务若Android SDK已安装Appium服务，则在任意terminal使用appium启动服务即可 3.Appium Inspector客户端配置连接到Appium服务 Configuring and Starting a Session…...

编程日记 2025/7/16 15:57:22

【QT继承QLabel实现绘制矩形、椭圆、直线、多边形功能，并且支持修改大小，移动位置，复制，粘贴，删除功能】

文章目录介绍绘制一个矩形（椭圆）roi绘制一个多边形roi对矩形roi的缩放：对多边形rio的缩放（移动点的位置） 介绍绘制矩形，椭圆，直线实际用的都是是同一个思路：鼠标第一次点击就确定…...

编程日记 2025/7/19 13:02:51

Elasticsearch未授权访问漏洞

1、编辑elasticsearch.yml配置文件，添加认证相关配置 vim elasticsearch.ymlxpack.security.enabled: true xpack.license.self_generated.type: basic xpack.security.transport.ssl.enabled: true2、重启ElasticSearch # 重启方式可能略微不同 systemctl restar…...

编程日记 2025/7/16 1:48:59

怎么处理 Vue 项目中的错误的？

一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue 中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axi…...

编程日记 2025/7/11 18:12:10

Elasticsearch原生linux部署集群和docker部署集群

Easticsearch 是一个分布式的搜索和分析引擎，广泛应用于日志分析、全文检索、实时数据分析等场景。为了满足高可用性和高性能的需求，Elasticsearch 通常以集群的方式部署。部署 Elasticsearch 集群时，可以选择两种主要方式：原生 L…...

编程日记 2025/7/16 19:29:52

缓存设计模式

缓存设计模式（Cache Design Pattern）是一种用于存储和管理频繁访问数据的技术，旨在提高系统性能、降低数据库或后端服务的负载，并减少数据访问延迟。以下是几种常见的缓存设计模式，并用 Python Redis 进行示例代码实现…...

编程日记 2025/7/17 20:28:45

详解TCP的四次握手和三次挥手，以及里面每个阶段的状态

TCP 三次握手（连接建立） TCP 连接建立通过三次握手完成，确保双方同步初始序列号并确认可达性。阶段说明第一次握手客户端 → 服务器：发送 SYN（同步请求），携带初始序列号 seq x。客户端状态…...

编程日记 2025/7/16 1:55:12

Linux文件目录管理指令详解（上篇）

Linux文件目录管理指令详解（上篇） 在Linux操作系统中，文件目录管理是基础且重要的技能。通过一系列指令，用户可以高效地浏览、创建、修改和删除文件及目录。本文将详细介绍Linux中常用的文件目录管理类指令，包括pwd、…...

编程日记 2025/7/17 10:43:43

BCC-应用程序组件分析

libbpf-tools/gethostlatency 追踪glibc中的getaddrinfo、gethostbyname、gethostbyname2函数用时 # /usr/share/bcc/libbpf-tools/gethostlatency TIME PID COMM LATms HOST 14:58:32 8418 curl 313.635 www.taobao.com以# cur…...

编程日记 2025/7/19 22:25:21

无参数读文件和RCE

什么是无参数？ 无参数（No-Argument）的概念，顾名思义，就是在PHP中调用函数时，不传递任何参数。我们需要利用仅靠函数本身的返回值或嵌套无参数函数的方式，达到读取文件或远程命令执行&#xff0…...

编程日记 2025/7/18 22:45:18

SpringMVC_day02

一、SSM 整合核心步骤依赖管理包含 SpringMVC、Spring JDBC、MyBatis、Druid 数据源、Jackson 等依赖。注意点：确保版本兼容性（如 Spring 5.x 与 MyBatis 3.5.x）。配置类 SpringConfig：扫描 Service 层、启用事务管理、导入…...

编程日记 2025/7/17 11:27:16

在Linux、Windows系统上安装开源InfluxDB——InfluxDB OSS v2并设置开机自启的保姆级图文教程

一、进入InfluxDB下载官网 InfluxData 文档https://docs.influxdata.com/Install InfluxDB OSS v2 | InfluxDB OSS v2 Documentation...

编程日记 2025/6/28 6:19:46

LinkedIn数据抓取零风险指南：亮数据住宅代理实现企业级合规采集

亮数据住宅代理实现企业级合规采集一、前言二、尝试使用三、使用体验高效稳定易用性：合规与安全：技术支持： 四、适用场景五、推荐程度六、试用地址一、前言最近一位猎头小伙伴找到我，说目前很多公司的出海业务都在招人&#x…...

编程日记 2025/7/18 10:39:36

ROS2的发展历史、核心架构和应用场景

以下是对**ROS2（Robot Operating System 2）**的发展历史、核心架构和应用场景的详细解析，覆盖其技术演变、关键特性和生态系统： 一、ROS2的诞生背景：从ROS1到ROS2 1. ROS1的历史与局限 ROS1的起源： 2007年…...

编程日记 2025/7/10 5:21:02

PHP eval 长度限制绕过与 Webshell 获取

在 PHP 代码中，如果 eval($param); 存在且长度受限，并且过滤了 eval 和 assert，仍然可以通过多种方法绕过限制，获取 Webshell。源码 <?php $param $_REQUEST[param]; if(strlen($param)<17 && stripos($param,…...

编程日记 2025/7/20 12:50:50

自然语言处理（14:处理时序数据的层的实现)

系列文章目录第一章 1:同义词词典和基于计数方法语料库预处理第一章 2:基于计数方法的分布式表示和假设，共现矩阵，向量相似度第一章 3:基于计数方法的改进以及总结第二章 1:word2vec 第二章 2:word2vec和CBOW模型的初步实现第二章 3:CBOW模型…...

编程日记 2025/7/17 1:24:15

Pytest的Fixture使用

概述 Pytest中的Fixture可以使得测试代码高度复用，同时对资源进行安全的管理，以及在复杂的测试场景用进行灵活的组合。概念 Fixture：可重用的函数，用@pytest.fixture来进行装饰，用于为测试提供数据、环境或者服务作用域：控制Fixture的生命周期，默认是function，可设置…...

编程日记 2025/7/18 5:15:27

【蓝桥杯】每日练习 Day13

前言今天做了不少题，但是感觉都太水了，深思熟虑之下主播决定拿出两道相对不那么水的题来说一下（其实还是很水）。两道问题，一道是日期问题（模拟），一道是区间合并问题。日期差值 …...

编程日记 2025/7/18 9:13:10

Vue3 中使用 vuedraggable 实现拖拽排序功能，分组拖拽

Vue3 中使用 vuedraggable 实现拖拽排序功能，分组拖拽安装draggable npm install vuedraggablenext --save基础用法示例 <template><div class"app-container"><draggable v-model"list" item-key"id":group"…...

编程日记 2025/7/17 10:51:28

husky的简介以及如果想要放飞自我的解决方案

husky 是一个 Git Hooks 管理工具，它的主要作用是在 Git 提交（commit）、推送（push）等操作时执行自定义脚本，比如代码检查（Lint）、单元测试（Test）、格式化代码…...

编程日记 2025/7/18 7:20:21

Maven工具学习使用（四）——仓库

仓库分类对于Mavne来说，仓库只分为两类：本地仓库和远程仓库。当Maven根据坐标查询寻找构件的时候，它首先会查看本地仓库，如果本地仓库存在此构件，则直接使用；如果本地仓库不存在此构件，或者需要查看是否有更新的构件版本，Maven就会去远程仓库查找，发现需要的构件之后…...

编程日记 2025/7/19 22:37:40

【BFS】《单源、多源 BFS：图搜索算法的双生力量》

文章目录前言单源BFS例题一、迷宫中离入口最近的出口二、最小基因变化三、单词接龙四、为高尔夫比赛砍树多源BFS例题一、 01 矩阵二、飞地的数量三、地图中的最高点四、地图分析结语前言什么是单源、多源BFS算法问题呢？ BFS（Breadth - First Sear…...

编程日记 2025/7/15 22:31:20

批量取消 PDF 文档中的所有超链接

在 PDF 文档中我们可以插入各种各样的文本也可以给文本设置字体，颜色等多种样式，同时还可以给文字或者图片添加上超链接，当我们点击超链接之后，就会跳转到对应的网页。有时候这会对我们的阅读或者使用形成一定的干扰，今…...

编程日记 2025/7/15 1:34:46

13.2 kubelet containerRuntime接口定义和初始化

本节重点总结 ： containerRuntime 需要实现3类接口管理容器的接口管理镜像的接口Streaming API 用于客户端与容器进行交互 type KubeGenericRuntime interface {kubecontainer.Runtimekubecontainer.StreamingRuntimekubecontainer.CommandRunner }containerRun…...

编程日记 2025/7/16 5:25:34

使用 gone.WrapFunctionProvider 快速接入第三方服务

项目地址：https://github.com/gone-io/gone 本文中源代码： esexamples/es 文章目录 1. gone.WrapFunctionProvider 简介2. 配置注入实现3. 实战示例：Elasticsearch 集成4. 使用方式5. 最佳实践6. 总结在如何给Gone框架编写Goner组件&#xf…...

编程日记 2025/7/14 10:48:54

git 标签学习笔记

目录轻量级标签带注释的标签（推荐） 给指定 commit 打标签推送单个标签，需要单独推送，代码推送不会推送标签推送所有标签删除标签轻量级标签 git tag v1.0.0 只是简单地给当前 commit 打上 v1.0.0 标签。带注释的标…...

编程日记 2025/7/17 1:13:18

【论文阅读】基于思维链提示的大语言模型软件漏洞发现与修复方法研究

这篇文章来自于 Chain-of-Thought Prompting of Large Language Models for Discovering and Fixing Software Vulnerabilities 摘要软件安全漏洞在现代系统中呈现泛在化趋势，其引发的社会影响日益显著。尽管已有多种防御技术被提出，基于深度学习&…...

编程日记 2025/7/17 17:20:47

企业在人工智能创新与安全之间走钢丝

2025 年全球 AI/ML 工具使用量将激增，企业将 AI 融入运营之中，员工也将 AI 嵌入日常工作流程中。报告显示，企业对 AI/ML 工具的使用同比增长 3,000% 以上，凸显了各行各业迅速采用 AI 技术，以提升生产力、效率和创新水平…...

编程日记 2025/7/13 9:38:54

CSS动画

目录一、核心概念与语法 1. keyframes 关键帧 2. animation 属性二、动画调速函数（animation-timing-function） 1. 预设值 2. 贝塞尔曲线 3. 步进函数（steps()） 三、动画控制与交互 1. 暂停与恢复 2. JavaScript 控制…...

编程日记 2025/7/15 1:15:57

计算机视觉（CV）技术的优势和挑战

计算机视觉（CV）技术是人工智能领域中的一个重要分支，它主要通过让机器学会“看”和“理解”图像或视频来模拟人类视觉系统。以下是计算机视觉技术的一些优势和挑战： 优势： 自动化：计算机视觉技术可以实现…...

编程日记 2025/7/14 1:21:40

动态IP与静态IP该如何选？

一、当IP地址成为"网络身份" 2023年亚马逊封号潮中，某杭州卖家因登录IP频繁切换（早8点在纽约，午间瞬移到东京），触发平台风控导致账号冻结。这类"时空错乱症"揭示了跨境电商的生存法则&#xff1a…...

编程日记 2025/7/16 20:08:08

Vue.js 完全指南：从入门到精通

1. Vue.js 简介 1.1 什么是 Vue.js？ Vue.js（通常简称为 Vue）是一个用于构建用户界面的渐进式 JavaScript 框架。所谓"渐进式"，意味着 Vue 的设计是由浅入深的，你可以根据自己的需求选择使用它的一部分或全部功能。 Vue 最初由尤雨溪（Evan You）在 2014 年创…...

编程日记 2025/7/16 15:45:46

《TypeScript 7天速成系列》第3天：TypeScript高级类型通关秘籍：泛型+联合+交叉类型实战

TypeScript 的类型系统是其最强大的特性之一，但也是许多开发者感到困惑的地方。今天我们就来破解 TypeScript 中最难的类型系统，掌握泛型、联合类型和交叉类型的使用技巧。一、泛型函数与泛型接口泛型是 TypeScript 中创建可重用组件的重要工具&…...

编程日记 2025/7/19 18:47:09

Python----数据分析（足球运动员数据分析）

一、数据展示 1.1、数据 1.2、列名字段名备注Name姓名Nationality国籍National_Position国家队位置National_Kit国家队号码Club所在俱乐部Club_Position所在俱乐部位置Club_Kit俱乐部号码Club_Joining加入俱乐部时间Contract_Expiry合同到期时间Rating评分Height身高Weight体…...

编程日记 2025/7/15 5:58:42

音视频三看书的笔记 MediaPlayer的C/S架构

MediaPlayer在运行时分为Client和Server两部分 Client层‌：位于Java层，用户通过调用Java层的API（如setDataSource）来操作MediaPlayer。 Server层‌：位于C层，负责实际的媒体处理工作。Server层通过Binder机…...

编程日记 2025/7/19 7:31:20

Elasticsearch：使用 AI SDK 和 Elastic 构建 AI 代理

作者：来自 Elastic Carly Richmond 你是否经常听到 AI 代理（AI agents）这个词，但不太确定它们是什么，或者如何在 TypeScript（或 JavaScript）中构建一个？跟我一起深入了解 AI 代理的概…...

编程日记 2025/7/19 1:06:52

echarts添加坐标轴点击事件

echarts添加坐标轴点击事件 chart.on(click, (params) > {if(params.componentType yAxis && this.type ! 1){console.log(params);// 检查是否点击了系列数据console.log(你点击了 ${params.name} 的数据点，值为 ${params.value}); this.$bus.$emi…...

编程日记 2025/7/18 8:46:11

如何在linux中部署dns服务主备dns （详细全过程）

环境centos 7.9 主DNS：192.168.60.131 备DNS：192.168.60.134 我以 chenxingyu0.com 指向 192.168.60.200为例首先是主dns #!/bin/bash# 检查是否为 root 用户 if [ "$(id -u)" ! "0" ]; thenecho "请使用…...

编程日记 2025/7/20 7:04:46

GitLab 中文版17.10正式发布，27项重点功能解读【二】

GitLab 是一个全球知名的一体化 DevOps 平台，很多人都通过私有化部署 GitLab 来进行源代码托管。极狐GitLab 是 GitLab 在中国的发行版，专门为中国程序员服务。可以一键式部署极狐GitLab。学习极狐GitLab 的相关资料： 极狐GitLab 官网极狐…...

编程日记 2025/7/15 8:04:59

matplotlib——南丁格尔玫瑰

南丁格尔玫瑰图（Nightingale Rose Chart），是一种特殊形式的柱状图，它以南丁格尔（Florence Nightingale）命名，她在1858年首次使用这种图表来展示战争期间士兵死亡原因的数据。它将数据绘制在极坐…...

编程日记 2025/7/16 19:50:19

WPF 与 C# 融合开发：从基础到高级应用（一）

WPF 与 C# 融合开发：从基础到高级应用一、C# 语言基础回顾 1.1 C# 语言概述 C# 是微软开发的一种现代、面向对象的编程语言，它融合了 C、C 和 Java 等语言的优点，具有简洁、安全、高效等特点。C# 广泛应用于 Windows 平台的应用开发&…...

编程日记 2025/7/16 19:52:23

ref和reactive区别

在 Vue 3 中，ref 和 reactive 是两种创建响应式数据的主要 API，但它们的适用场景和使用方式有所不同。以下是它们的核心区别和示例： 一、核心区别特性refreactive适用数据类型所有类型（基本类型、对象、数组）仅对象或…...

编程日记 2025/7/10 11:28:56

精选10个好用的WordPress免费主题

10个好用的WordPress免费主题 1. Astra Astra 是全球最受欢迎的 WordPress 主题。它功能丰富，易于使用，SEO友好，是第一个安装量突破100万的非默认主题，并获得了5000多个五星好评。它完美集成了Elementor、Beaver，古…...

编程日记 2025/7/17 4:46:41

DerpNStink: 1靶场渗透

DerpNStink: 1 来自 <DerpNStink: 1 ~ VulnHub> 1，将两台虚拟机网络连接都改为NAT模式 2，攻击机上做namp局域网扫描发现靶机 nmap -sn 192.168.23.0/24 那么攻击机IP为192.168.23.182，靶场IP192.168.23.213 3，对靶机进行端…...

编程日记 2025/7/20 18:44:39

apache安装脚本使用shell建立

注意防火墙，yum，网络连接等以下是具体的apache安装脚本 #!/bin/bash # Set Apache version to install ## author: yuan # 检查外网连接 echo "检查外网连接..." ping www.baidu.com -c 3 > /dev/null 2>&1 if [ $? -eq 0 ]; …...

编程日记 2025/7/18 4:49:05