- 博客(3462)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 HTML标签语法规则（双标签、自闭合标签、标签属性、布尔属性、标签名属性名小写、HTML字符转义、HTML注释、结构标签、语义化标签、文本标签多媒体标签表单标签、标签省略、文档类型声明）html语法
示例： 是开始标签， 是结束标签。 是属性， 是内容。- 自闭合标签：某些标签无需内容，直接用单个标签表示。示例：2. 标签的嵌套与闭合- 正确嵌套：标签必须按正确顺序嵌套，避免交叉嵌套。错误示例（标签交叉）：- 所有双标签必须闭合：未闭合的标签可能导致浏览器解析错误。3. 属性的使用- 属性语法：属性写在开始标签中，用空格分隔，属性值需用引号（单引号或双引号）包围。示例：- 属性值引号：属性值必须用引号包裹，推荐使用双引号（HTML5也支持省略
2025-05-27 22:59:12
668
原创 React JSX语法介绍（JS XML）（一种JS语法扩展，允许在JS代码中编写类似HTML的标记语言）Babel编译
JSX（JavaScript XML）是Facebook开发的一种JavaScript语法扩展，它允许在JavaScript代码中编写类似HTML的标记语言。作为React生态系统的核心组成部分，JSX为开发者提供了一种更直观、更声明式的方式来描述用户界面。JSX本质上是一种语法糖，它将类HTML的语法转换为JavaScript函数调用。当编写JSX代码时，实际上是在创建React元素的描述，这些描述最终会被转换为虚拟DOM。
2025-05-27 21:54:09
640
原创 为什么react通过状态（state）和属性（props）就可描述UI的当前状态？（State：描述组件内部的可变数据；Props：描述组件的外部输入和配置）
是描述 UI 当前状态的核心机制。：结合 state 和 props 的父子组件交互。通过这种机制，React 实现了。在 React 中，
2025-05-27 21:23:21
729
原创 React声明式编程与JQuery命令式编程区别（声明式编程核心思想是 “描述目标状态”，而非 “指定操作步骤”。开发者只需关注UI应该是什么样子，无需手动操作DOM或关心如何实现）
而无需手动操作 DOM 或关心如何实现界面的动态更新。，框架（如 React）会自动计算如何高效地更新 DOM。，从而构建出更高效、可维护的现代 Web 应用。这种方式让开发者能够专注于。
2025-05-26 21:29:00
649
原创 React Hooks概念（允许不编写类组件使用React特性）useState、useEffect、useContext、useReducer、useMemo、useCallback、useRef
自定义 Hook 是以。
2025-05-26 20:37:40
494
原创 xftp乱码（xftp传输乱码）xftp文件乱码、文件传输乱码、文件名乱码（xftp属性--＞选项--＞编码）
是xftp软件编码设置的问题。同事的xftp版本较低，是xftp5的，自动检测编码估计有点问题。我们其他人用的都是xftp7，都没啥问题。
2025-05-26 14:12:21
575
原创 python编译so、python打包可执行文件（python生产环境解决方案）Cython、PyInstaller、Nuitka、虚拟环境venv支持
通过 PyInstaller 等工具，可以将 Python 脚本打包为独立的 Linux 可执行文件，无需目标机器安装 Python 解释器。
2025-05-26 10:56:01
800
原创 React声明式编程（手动控制，大型项目，深度定制）与Vue响应式系统（自动优化，中小型项目，快速开发）区别
Vue通过自动化的响应式系统降低了开发复杂度，适合追求开发效率的场景。React以声明式编程为核心，通过显式控制提供更高的灵活性，适合需要深度定制的复杂项目。选择框架时，应结合团队技术栈、项目规模和性能需求综合评估。理解两者的技术原理，有助于在实际开发中扬长避短，构建高性能的前端应用。
2025-05-25 23:13:08
1093
原创 React虚拟DOM原理（在内存中构建虚拟DOM树来优化真实DOM）Virtual DOM、浏览器重排reflow和重绘repaint、Diff算法、Fiber架构（双缓存机制）
虚拟DOM（Virtual DOM）是React框架的核心技术之一，它通过在内存中构建虚拟的DOM树来优化真实DOM的操作，从而显著提升应用性能。本文将深入探讨虚拟DOM的工作原理、Diff算法、Fiber架构以及相关的性能优化机制。虚拟DOM是真实DOM在内存中的JavaScript表示。它是一个轻量级的JavaScript对象，描述了DOM节点的结构、属性和内容。当应用状态发生变化时，React会先在虚拟DOM中进行更新，然后通过Diff算法计算出最小的变更集，最后将这些变更应用到真实DOM上。
2025-05-25 22:53:31
1111
原创 React JSX属性传递规则（事件处理函数名必须用驼峰式；内联样式必须是JavaScript对象，键名用驼峰命名；className、htmlFor；自定义属性要以data-开头、动态属性绑定）
data-
2025-05-24 22:23:09
1021
原创 React组件概念（Component）（React应用程序基本构建单元，它接受输入props并返回描述界面应该如何显示的React元素）函数组件、类组件、组件生命周期、组件内部状态、组件间通信
React组件是React应用程序的基本构建单元，类似于JavaScript函数，它接受输入（称为props）并返回描述界面应该如何显示的React元素。组件让开发者能够将UI拆分为独立、可复用的代码片段，每个片段都可以单独思考和开发。
2025-05-24 21:13:06
576
原创 Web核心原理（内容层、表现层、行为层）浏览器渲染、事件循环与异步编程、HTTP协议与网络通信、前端状态管理、响应式设计、前端性能优化（减少HTTP请求、资源压缩、懒加载、虚拟DOM）
掌握Web技术的核心原理对于前端开发至关重要，无论是使用框架还是原生开发。HTML/CSS/JavaScript的分层架构：理解内容、表现和行为的分离浏览器渲染机制：DOM树、CSSOM树、渲染树、布局和绘制过程事件循环与异步编程：理解JavaScript的执行模型HTTP和网络通信：掌握前后端数据交互的基础状态管理原则：理解数据如何驱动UI更新响应式设计原理：创建适应不同设备的界面性能优化技术：提升用户体验的关键方法。
2025-05-23 23:45:19
709
原创 前端状态管理介绍（React状态管理）（通过管理状态来控制UI的呈现，确保数据的一致性和可维护性）（界面与数据分离、可预测性、组件化、响应式更新）
在复杂应用中，可能会使用Redux、MobX等专门的状态管理库，但核心理念相同：通过管理状态来控制UI的呈现，确保数据的一致性和可维护性。状态管理是前端开发中的核心概念，尤其在React等现代框架中更为重要。示例代码展示了React中最基本的状态管理。
2025-05-23 23:44:23
848
原创 框架开发与原生开发的权衡：React案例分析（原生JavaScript）
React等框架适合复杂应用和大型团队协作，而原生开发在性能敏感场景和小型精简项目中更具优势。在前端开发领域，选择使用框架还是原生JavaScript进行开发一直是个值得探讨的话题。本文将以React为例，深入分析框架开发与原生开发的优劣势，探讨在不同场景下的最佳选择。直接使用原生JavaScript可以避免框架带来的额外开销，在性能要求极高的场景中更具优势。掌握原生JavaScript的基础知识比学习框架特定的概念和API更加直接。原生开发不依赖特定框架版本，避免了框架升级带来的迁移成本。
2025-05-22 23:47:05
1379
原创 杀死父进程，其子进程通常不会自动终止（kill父进程）孤儿进程（kill process tree、pkill -P、杀死进程树、kill进程树）
操作系统为每个进程分配独立的资源（如内存、文件句柄等），并赋予其独立的生命周期。即使父进程被终止，子进程仍可能继续运行，因为它们并不依赖父进程的存在。），子进程结束后会变成“僵尸进程”（Zombie Process）。虽然僵尸进程本身不占用资源，但它们会占用进程表项，可能导致系统无法创建新进程。某些服务（如 Web 服务器、数据库）可能通过父进程启动多个子进程处理请求。仅终止父进程可能留下运行中的子进程，导致服务未完全关闭，干扰后续操作。如果仅终止父进程，子进程仍可能继续运行，导致资源浪费或系统性能下降。
2025-05-22 14:59:26
965
原创 Windows进程号、查看父进程、查看子进程、父子进程、进程树、查看某个进程号PID父进程（Parent Process ID, PPID）ProcessExplore、procexp、进程监控
如果只想查看某个 PID 的详细信息，可以结合。右上角搜索貌似只能通过名称，我是使用。替换为你要查询的进程号。如果需要编程实现，可以使用。
2025-05-22 14:25:18
1016
原创 Windows解除占用（解除文件占用、解除目录占用）查看文件进程（查看父进程、查看子进程、查看父子进程）占用文件占用、占用目录占用
可通过工具查看父子进程位置，
2025-05-22 14:21:40
967
原创 RESTful API响应中的嵌入URL设计：提升RESTful服务交互性的关键模式（url返回结果嵌入url嵌url中url返回url）二次请求、HATEOAS原则、客户端与服务端松耦合
嵌入URL的API设计模式虽增加了初始学习曲线，但带来了显著的长期收益：系统弹性、演化自由度和自描述性。随着微服务架构和分布式系统的普及，这种模式将继续发挥重要作用，使API设计更具可持续性和适应性。
2025-05-21 16:42:10
672
原创 微服务中API网关作用（统一入口、路由转发、协议转换、认证授权、请求聚合、负载均衡、熔断限流、监控日志）
API网关使微服务架构更加灵活，允许各服务独立演化的同时，为客户端提供一致的接口。
2025-05-21 16:40:27
1305
1
原创 GraphQL介绍（一种API查询语言和运行时总和，提供更高效、强大且灵活的API开发和使用方式）REST对比（Schema定义语言SDL语言）按需获取、单一端点、强类型系统、层次性查询、演进式API
GraphQL是一种用于API的查询语言和运行时，由Facebook于2012年内部开发，2015年公开发布。它提供了一种更高效、强大且灵活的API开发和使用方式，使客户端能够精确获取所需数据，不多不少。层次性查询# 定义用户类型id: ID!# 非空ID类型# 非空字符串email: String # 可空字符串# 非空Post数组，数组元素也非空# 定义文章类型id: ID!# 关联到User类型# 定义评论类型id: ID!post: Post!
2025-05-21 16:35:52
644
原创 运行时runtime是什么？（程序在运行过程中所依赖的环境、资源管理机制以及动态行为的总和）（包括内存分配、异常处理、线程调度、类型检查、资源访问等）
运行时是程序执行的核心支撑系统，负责资源管理、动态行为处理及异常控制。它既包括底层的运行时环境（如 JVM、V8 引擎），也涵盖语言特性（如反射、动态方法调用）和框架设计（如 Vue 运行时）。理解运行时有助于优化程序性能、解决复杂问题，并适应不同开发场景的需求。
2025-05-21 16:29:23
694
原创 服务器网络配置 netplan一个网口配置两个ip（双ip、辅助ip、别名IP别名）
是的，一个网口可以配置多个IP地址，这在Linux系统中称为IP别名或辅助IP。这两个IP配置可以共用同一个网口而不会直接冲突，因为它们在不同的子网中（192.168.90.0/24和192.168.80.0/24）。在我提供的配置中，设置了两个默认路由（分别通过192.168.90.1和192.168.80.1），并用metric值区分优先级。metric值越小，优先级越高，所以系统会优先使用192.168.90.1作为默认网关。这种配置允许您在主要网关不可用时自动使用备用网关，提高网络连接的可靠性。
2025-05-21 16:08:31
721
原创 X app中Notifications中的All、Verified、Mentions各是什么含义？（全部通知、验证账号通知、被提及）
其他社交平台（如IG、FB）也有类似的通知分类逻辑，通常称为“全部通知”、“重要通知”或“提及通知”。部分用户可能希望关闭某些分类以减少干扰。例如，若不想被普通用户的互动打扰，可关闭。X通常允许用户进一步细化通知规则（如关闭声音、横幅提醒等），建议根据个人需求调整。（如 🐦_blue_circle），确保其真实性。（具体路径可能因版本更新而略有不同）在X中，验证账号通常带有蓝色或金色的。这些分类是X App对通知的。，帮助用户按需筛选信息。
2025-05-21 14:44:19
256
原创 RPC协议（Remote Procedure Call）和gRPC协议（Google Remote Procedure Call）区别（传统RPC：跨平台、兼容性好；gRPC：内部通信，低延迟）
gRPC是传统RPC的现代化升级版本，结合了HTTP/2和Protobuf的优势，适用于高性能、低延迟的分布式系统（如微服务）。而传统RPC更适用于开放API或对灵活性要求较高的场景。选择时需根据具体需求权衡性能、开发效率和场景适配性。
2025-05-21 13:49:42
764
原创 Cursor MCP客户端与MCP服务端进程间通信方式解析（FastMCP框架、mcp.run(transport=‘stdio‘)）MCP通信原理、自动工具发现机制、元数据协议、JSON-RPC
以Cursor与本地MCP天气服务器通信为例，FastMCP框架采用了基于标准输入/输出流(stdin/stdout)的通信设计，通过参数配置实现进程间通信。这种机制允许任何能够控制进程IO流的应用程序与MCP服务进行交互。# 核心通信配置mcp.run(transport='stdio') # 使用stdin/stdout作为通信通道。
2025-05-21 10:11:13
1079
原创 IDE不可查询（不可跳转）时，查看python文档方法（检查可用方法）vscode指定python解释器路径（python虚拟环境解释器）python解释器位置、获取mcp工具列表
虚拟环境里，在编辑器里没法跳转python文档。效果跟在python交互式环境差不多。如图，我这用了需要手动激活的。虚拟环境，库都安装在。
2025-05-21 09:46:02
720
原创 JS异步请求Fetch对象为什么json()方法需要使用await关键字？（fetch API await json await）因为返回的是Promise对象（Fetch与Axios对比）
方法返回一个Promise对象，而非直接返回解析后的JSON数据。这是现代JavaScript中Fetch API的标准行为，需要使用关键字（或方法）来获取实际解析后的数据。设计原理分析异步JSON解析的必要性时序图#mermaid-svg-7Jig7rZhpCPACWbe {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-7Jig7rZhpCPACWbe .erro
2025-05-20 16:58:02
643
原创 【大模型MCP协议】MCP官方文档（Model Context Protocol）一、开始——2. 快速入门——服务端开发者
https://modelcontextprotocol.io/quickstart/server在本教程中，我们将构建一个简单的 MCP 天气服务器，并将其连接到主机 Claude for Desktop。我们将从基础设置开始，然后逐步扩展到更复杂的用例。许多大语言模型（LLM）目前无法获取天气预报和严重天气警报。让我们用 MCP 来解决这个问题！我们将构建一个服务器，暴露两个工具： 和 。然后我们将把服务器连接到一个 MCP 主机（本例中为 Claude for Desktop）：MCP 服务器可以提供
2025-05-20 14:09:35
797
原创 《黑马前端ajax+node.js+webpack+git教程》（笔记）——node.js教程+webpack教程（nodejs教程）
if (err) {else {console.log('写入成功')})if (err) {else {})/g表示全局匹配默认导出和导入命名导出和导入唯一出口文件index.js不是必须的，如果不存在，就会到package.json中去找定义的入口文件（main属性指定的入口文件）npm i具体参考文章：webpack介绍（现代JS应用静态模块打包工具，在内部构建依赖图，映射项目所需模块，生成打包后的文件）webpack.config.js。
2025-05-19 23:45:27
1486
原创 reboot命令和systemctl reboot命令区别（后者优雅重启）（Systemd系统中reboot实际上是systemctl reboot的软链接）
都是用于重启 Linux 系统的命令，但它们的实现方式和行为存在一些关键区别。是一个传统的 Linux 命令，最早用于 SysVinit 或早期的初始化系统（如。是 Systemd 系统管理器的一部分，专为现代 Linux 发行版设计。（如 CentOS 7+、Ubuntu 16.04+）中，它直接向内核发送重启信号，绕过现代服务管理器（如。的软链接（见 [2] 和 [10]）。（如 CentOS 6 或更早）中，优雅地管理服务关闭和系统重启流程。进程负责关闭服务并重启系统。（运行级别 6），由。
2025-05-19 13:40:36
537
原创 前端sourcemap介绍（Source Map、eval-source-map）（将编译、压缩后的代码映射回原始源代码的技术工具）Base64 VLQ
Source Map 技术是现代前端开发中不可或缺的调试工具，它在保持代码优化的同时提供了良好的调试体验。合理使用 Source Map 可以显著提高开发效率和代码质量，但也需要注意在生产环境中的安全配置。随着前端技术的不断发展，Source Map 也将继续演进，为开发者提供更好的调试体验。
2025-05-18 21:00:05
716
原创 BootCDN介绍（Bootstrap主导的前端开源项目免费CDN加速服务）
BootCDN是Bootstrap中文网联合支持并维护的前端开源项目免费CDN加速服务，致力于为Bootstrap、jQuery、React、Vue.js等优秀的前端开源项目提供稳定、快速的免费CDN加速服务。BootCDN所收录的开源项目主要同步于cdnjs开源项目仓库，目前已收录超过4387个前端开源项目。BootCDN作为国内领先的前端开源项目CDN加速服务，为开发者提供了强大、稳定、免费的资源加载解决方案。随着前端技术的不断发展，BootCDN也在不断扩充资源库，支持越来越多的优秀开源项目。
2025-05-17 22:28:57
978
原创 JS JSON.stringify介绍（JS序列化、JSON字符串 ）（遍历输入值的所有可枚举属性，将其转换为文本表示）缓存序列化、状态管理与时间旅行、replacer
/ 序列化内部过程伪代码实现// 检查循环引用// 应用 replacer 函数（如果提供）// 根据数据类型处理${// 序列化内部过程伪代码实现 function pseudoStringify(value , replacer , space) {// 检查循环引用 const seen = new WeakSet();// 应用 replacer 函数（如果提供） if(typeof replacer === 'function') {
2025-05-17 16:57:51
844
原创 Webpack DefinePlugin插件介绍（允许在编译时创建JS全局常量，常量可以在源代码中直接使用）JS环境变量
DefinePlugin是Webpack生态系统中的核心插件，内置于Webpack本身。该插件允许在编译时创建全局常量，这些常量可以在源代码中直接使用。本质上，DefinePlugin执行的是一种"查找和替换"的操作，在编译阶段将代码中的变量替换为指定的值。关键在于，这种替换是在编译时完成的，而非运行时，这带来了显著的性能优势。通过合理使用DefinePlugin，可以实现代码的环境适应性、提高性能并简化配置管理流程，为现代前端工程化提供有力支持。
2025-05-17 14:18:58
896
原创 npm cross-env工具包介绍（跨平台环境变量设置工具）
cross-env是一个简单而强大的npm工具包，它解决了在不同操作系统平台上设置环境变量的一致性问题。无论你使用的是Windows、macOS还是Linux，cross-env都能确保你的npm脚本能够以相同的方式运行。简化开发流程，提高团队协作效率消除平台差异，实现"编写一次，随处运行"与现有工具链轻松集成代码简洁，性能良好通过合理使用cross-env，可以显著提升多平台项目的开发效率和代码可移植性，减少因环境差异导致的问题。
2025-05-16 23:24:23
1419
原创 docker.sock作用（docker sock）（Docker客户端与Docker Daemon守护进程通信的接口）/var/run/docker.sock
（本地 Unix 套接字），而非 TCP 端口。如果容器需要动态管理 Docker（如 CI/CD 工具、自动化脚本），挂载该套接字是必要的。参数将宿主机的套接字文件挂载到容器内，容器内的进程可以直接与 Docker 守护进程通信。，Docker 实现了高效的本地通信机制，是 Docker 生态中不可或缺的组件。与 Docker 守护进程交互，发送请求（如创建容器、管理镜像等）并接收响应。是 Docker 守护进程（Docker Daemon）的。命令行工具与 Docker 守护进程交互时，默认使用。
2025-05-16 23:19:23
780
原创 求职困境：开发、AI、运维、自动化
你的技能组合是典型的「T型人才」——既有广度又有多个深度支点。建议优先寻找能让你发挥「技术架构设计」能力的岗位，这类岗位对复合型人才的需求正在快速增长。同时，持续在GitHub维护技术案例，这将成为你区别于普通工程师的核心竞争力。
2025-05-16 13:51:50
935
1
原创 如何打造MVP（最小可行性产品）（MVP=核心功能+快速验证+用户反馈+持续迭代）
通过以上步骤，你可以高效验证产品假设，降低风险，同时为后续商业化打下基础。，同时避免过度设计。打造MVP的关键在于。
2025-05-16 13:48:06
850
原创 Node.js package.json常用配置字段（Node.js配置、Node项目配置、Node配置）（package-lock.json、yarn.lock）
package.json 作为Node.js项目的核心配置文件，其丰富的字段设置影响着项目的开发、构建、测试和发布全生命周期。掌握这些配置能力，可以构建更加健壮、可维护的Node.js应用。随着Node.js生态的发展，package.json的配置能力也在不断扩展，跟进最新的最佳实践对提升项目质量至关重要。
2025-05-16 11:41:50
603
Dify+DeepSeek - Excel数据一键可视化（创建步骤案例）-DSL工程文件（可直接导入）
2025-03-05
Dify+DeepSeek - Excel数据一键可视化（创建步骤案例）-Markdown示例文件
2025-03-05
auto.js安装包：app-v6-armeabi-v7a-release-unsigned-signed.apk
2024-02-11
auto.js安装包：app-v6-universal-release-unsigned-signed .apk
2024-02-10
raid卡配置教程（基于Ubuntu 20.04 操作系统安装指导书 (鲲鹏 920 处理器)安装）
2023-12-12
Ubuntu 20.04 操作系统 安装指导书 (鲲鹏920处理器)
2023-12-12
ffmpeg h264编码格式测试视频
2023-12-10
vsftpd-3.0.5
2022-08-22
CMD_right_click_key_menu_with_administration.reg
2019-08-29
Intel-RealSense-D400-Series-Datasheet
2019-07-29
为什么C++对整型常量的指针用const_cast并修改值后，出现了两个不一样的值？
2023-08-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人