- 博客(179)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端开发中shell的使用场景
Shell脚本在前端开发中非常有用，特别是在自动化部署、环境配置、项目构建等方面。掌握Shell脚本可以帮助您提高工作效率，实现更多自动化任务。建议从简单的脚本开始，逐步学习和实践更复杂的功能。Shell是用户与操作系统内核之间的接口，它接收用户输入的命令并解释执行。在Linux/Unix系统中，Shell是最常用的命令行界面。
2025-04-26 14:54:03
339
原创 OSI七层网络模型详解
OSI（开放系统互连）模型是国际标准化组织（ISO）提出的网络通信框架，旨在规范不同系统间的通信。它分为七层，每层承担特定功能，协同实现端到端的数据传输。通过OSI模型的分层设计，网络通信的复杂性被分解，各层独立演化，共同支撑现代互联网的多样性与可靠性。
2025-04-19 19:47:18
1658
原创 Node.js中util模块详解
/ 1. 深度克隆对象// 2. 格式化日期// 3. 检查对象是否为空// 4. 延迟执行// 5. 重试函数try {
2025-04-13 20:39:32
420
原创 Node.js cluster模块详解
cluster模块是 Node.js 实现多进程的核心模块，能够显著提升应用的并发处理能力。通过合理配置和管理工作进程，可以构建高可用、高性能的 Node.js 应用。
2025-04-12 17:41:51
1125
原创 Node.js net模块详解
通过掌握这些 API，可以构建高效的 TCP 服务器和客户端，适用于实时通信、微服务等场景。模块提供了基于 TCP 或 IPC 的网络通信能力，用于创建服务器和客户端。设置连接超时时间（毫秒），超时后触发回调并自动销毁连接。半关闭连接（发送 FIN 包），可选发送最后一段数据。表示 TCP 或 IPC 的客户端或服务器端连接。停止服务器接受新连接，关闭现有连接后触发回调。另一端发送 FIN 包（结束连接）时触发。），降低延迟，适用于高频小数据包场景。发生错误时触发（如连接被重置）。
2025-04-12 17:40:34
776
原创 基于TCP Socket 实现心跳机制
通过应用层心跳机制，可以有效检测 TCP 连接的存活性，避免因意外断开导致的资源泄漏。实际项目中可根据需求调整心跳间隔和超时阈值，并结合业务逻辑完善错误处理。
2025-04-12 00:30:35
519
原创 TS中类型守卫详解
类型守卫（Type Guard）是 TypeScript 中用于。通过特定的条件判断，TypeScript 编译器能够。的类型断言替换为类型守卫。，从而增强类型安全性。，需配合其他守卫使用。
2025-04-05 16:31:23
483
原创 Node.js核心模块及Api详解
掌握这些核心 API 后，可快速应对 90% 的 Node.js 开发场景。建议结合官方文档深入理解：https://nodejs.org/api/
2025-04-05 15:10:09
628
原创 新手半天NestJS快速实现CRUD
官方文档是最佳伴侣：https://docs.nestjs.com/选择 REST API 并确认生成 CRUD 入口。
2025-04-05 14:33:27
369
原创 Windows 系统下安装 Docker
通过以上步骤，即可在 Windows 系统中完成 Docker 的安装并开始使用容器化开发。双击桌面图标启动 Docker，任务栏出现鲸鱼图标即表示运行成功。右键任务栏 Docker 图标 →。→ 修复虚拟化或 WSL 配置。
2025-04-05 00:52:33
1095
原创 Nest.js学习路径
Nest.js的核心优势在于其模块化设计与依赖注入机制，结合TypeScript的强类型特性，适合构建企业级应用。前端开发者可从CLI工具入手，逐步掌握控制器、服务、中间件等概念，再通过数据库集成和Swagger文档化提升工程化能力。推荐结合官方文档与社区教程（如CSDN、博客园）进行系统学习。作为前端开发工程师，系统学习Nest.js可以从以下步骤入手，结合其模块化架构、依赖注入和TypeScript特性，逐步掌握核心功能。管理依赖以提升速度。
2025-04-02 00:02:52
925
原创 TS 中 interface 和 type 详解
特性interfacetype声明方式声明对象形状定义类型别名扩展extends或声明合并交叉类型灵活性仅对象类型任意类型（联合、交叉、元组等）合并声明✅ 支持❌ 不支持实现类✅implements✅ 需要严格匹配工具类型兼容性高高。
2025-03-31 20:33:11
834
原创 TS 中 keyof 和 in 关键字详解
关键字作用场景示例结果keyof提取对象键的联合类型"a" | "b"in遍历联合类型生成属性掌握keyof和in的使用，能显著提升 TypeScript 类型操作的灵活性和类型安全性。
2025-03-31 18:32:29
532
原创 Rust高级特性
[error("网络错误: {0}")]#[error("解析失败")]Err(MyError::Network("超时".to_string()))
2025-03-30 02:00:00
714
4
原创 前端快速系统学习Rust的路径
Rust 的内存安全依赖所有权机制：每个值有唯一所有者，当所有权转移（如赋值给新变量）后原变量失效。这与 JavaScript 的引用传递不同，需特别注意。Rust 是编译为 WASM 的首选语言，可提升前端性能密集型任务（如图像处理、游戏逻辑）。Rust 编译器错误信息详细，需学会从中定位问题（如所有权冲突、生命周期不匹配）。从 CLI 工具（如文件处理器）起步，逐步过渡到网络服务或 WASM 应用。JavaScript 中变量默认可变，需调整习惯。），理解其高性能背后的原理。
2025-03-29 19:01:37
1146
1
原创 透析React Fiber架构
React Fiber 的底层是一个由链表连接的树形结构，通过链表的灵活性和双缓存机制，实现了可中断的异步渲染、优先级调度等高级特性。这种设计是 React 高性能和并发模式（Concurrent Mode）的基石。
2025-03-24 21:47:20
457
原创 透析主流CSS预处理器的区别
（CSS Preprocessor），它们通过扩展原生 CSS 的语法，提供了变量、嵌套、混合（Mixins）、函数等高级功能，帮助开发者编写更高效、可维护的样式代码。：省略大括号和分号，依赖缩进（类似 Python），文件扩展名为。（Node.js 工具）或 Webpack 插件编译为 CSS。与现代框架（如 React、Vue）深度集成。：与原生 CSS 高度兼容，文件扩展名为。：兼容原生 CSS 语法，文件扩展名为。支持浏览器端直接编译（开发环境使用）。浏览器端实时编译（开发环境）。
2025-03-23 20:02:15
1022
原创 Vite为什么那么快
Vite 的“快”源于其开发阶段去打包化的设计理念，结合现代浏览器特性与高性能工具链（如 esbuild 和 Rollup），在开发体验和构建效率上实现了质的飞跃。其核心优势包括按需编译、依赖预构建、精准 HMR 及高效工具链，尤其适合大型项目的快速迭代开发。
2025-03-21 00:46:06
775
原创 HTTP核心知识
掌握这些内容不仅能提升代码质量，还能在团队协作中更好地与后端工程师沟通（如设计 RESTful API）。理解客户端（浏览器）发送 HTTP 请求，服务器返回 HTTP 响应的基本流程。查看请求/响应的详细内容（Headers、Payload、Timing）静态资源（JS/CSS/图片）通过缓存策略减少重复请求。服务端渲染时，理解 HTTP 请求在服务端的处理流程。分析请求瀑布图（Waterfall），定位性能瓶颈。理解双向通信协议，用于实时应用（如聊天室）。合理设计 API 请求（如幂等性、错误重试）。
2025-03-19 21:33:26
1091
原创 HTTP1.0、HTTP1.1、HTTP2.0对比
HTTP 1.0、HTTP 1.1 和 HTTP 2.0 是 HTTP 协议演进中的三个重要版本，每个版本都针对前一代的不足进行了优化和改进。头）、更多状态码（如 100 Continue）和 HTTP 方法（如 PUT、DELETE）。：HTTP/3 基于 QUIC 协议（UDP），进一步优化传输层，解决 TCP 队头阻塞。每个请求/响应对都需要单独建立和关闭 TCP 连接（短连接），导致高延迟和资源浪费。将文本协议改为二进制格式（帧和流），解析效率更高，减少错误。等头字段，支持更精细的缓存策略。
2025-03-19 21:20:40
462
原创 点击劫持详细透析
点击劫持（Clickjacking）是一种前端安全攻击手段，攻击者通过视觉欺骗诱导用户在不知情的情况下点击隐藏的页面元素，从而执行非预期的操作。目标网站收到用户“合法”的请求（因用户已登录，携带了 Cookie 或身份凭证），执行攻击者预设的操作（如转账、关注、修改设置等）。透明 iframe 加载“关注用户”页面，覆盖在虚假的“关闭广告”按钮上。，指向目标网站（如社交网络、银行页面等）的敏感操作页面（如“关注用户”“确认转账”按钮）。用户点击看似无害的“诱饵内容”（如“抽奖按钮”），实际点击的是透明。
2025-03-19 20:55:49
325
原创 透析 HTTP OPTIONS 预检请求
（Same-Origin Policy），禁止网页向不同源的服务器发送某些类型的请求（如带有自定义Header的请求或非简单请求方法）。HTTP OPTIONS 预检请求是浏览器在发送某些跨域请求（CORS，跨源资源共享）之前自动发起的一种机制，它是现代浏览器实现CORS规范的关键安全措施，目的是保护服务器免受恶意跨域请求的攻击。实际请求是否被允许，避免直接发送可能被服务器拒绝的敏感请求。如果服务器响应允许实际请求，浏览器继续发送真正的请求（如。如果服务器拒绝，浏览器抛出CORS错误，阻止实际请求。
2025-03-18 20:29:25
1270
原创 常见的前端安全问题
攻击者向页面注入恶意脚本（如 JavaScript），在用户浏览器中执行，窃取 Cookie、会话信息或篡改页面内容。诱导用户访问恶意页面，利用已登录的 Cookie 伪造用户身份发起请求（如转账）。通过透明 iframe 覆盖在正常页面上，诱导用户点击隐藏按钮（如授权操作）。：前端做基础校验（如格式、长度），后端做严格校验。：防止 SQL 注入（后端责任，但需前后端协作）。：如需本地存储，使用加密算法（如 AES）保护。：多层级防护（前端 + 后端 + 基础设施）。：恶意脚本存储在服务器（如评论区）。
2025-03-18 19:56:09
804
原创 使用Koa2快速搭建一个爬虫项目
使用 Koa2 搭建爬虫项目，可以结合其异步处理能力和中间件机制，快速构建一个灵活的爬虫服务。通过 Koa2 的中间件机制，可以轻松扩展身份验证、日志记录等功能，快速构建一个企业级爬虫服务。分布式爬虫需考虑任务队列（如 Redis + Bull）代理 IP 池：结合第三方服务（如快代理）控制请求频率，避免对目标服务器造成压力。敏感数据需加密存储（如手机号、邮箱）随机 User-Agent：使用。
2025-03-17 19:55:04
989
1
Mini-React.zip
2020-04-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人