React 划词高亮功能实现剖析
本文档旨在解析一个基于 React 的交互功能：用户在一段不可编辑的文本内容上，通过鼠标划词选中，将选中的文本添加为一个“关键词”，并使该段落中所有与关键词匹配的文本都高亮显示。 此功能的核心在于巧妙地结合了浏览器原生 API、React …
1654 字6 分钟
前端开发 / 实际问题解决Obsidian
载入中...
载入中...
共 205 篇文章
本文档旨在解析一个基于 React 的交互功能：用户在一段不可编辑的文本内容上，通过鼠标划词选中，将选中的文本添加为一个“关键词”，并使该段落中所有与关键词匹配的文本都高亮显示。 此功能的核心在于巧妙地结合了浏览器原生 API、React …
我们来系统且深入地讲清楚 Dockerfile 中最常用的命令。 Dockerfile 是一个文本文档，它包含了用户在命令行上可以调用来组合成一个镜像的所有命令。它本质上是构建 Docker 镜像的“蓝图”或“食谱”。理解它的核心命令是高效…
将 React 项目打包成 Docker 镜像并推送到 Harbor 仓库，主要分为三个步骤： 1. 创建 React 项目的 Dockerfile：定义如何构建镜像。 2. 构建 Docker 镜像：在本地根据 Dockerfi…
好的，我们来系统性、深入地梳理 TypeScript 在面试中可能遇到的所有核心考点。 这不仅仅是一份“题库”，而是一套从“是什么”到“为什么”再到“怎么用”的完整知识体系。我会遵循第一性原理，从 TypeScript 要解决的根本问题出发…
好的，我们来彻底讲明白 async/await 的底层原理。 一句话概括：async/await 是基于 Promise 和 Generator 函数实现的语法糖，它通过事件循环（Event Loop）机制，让我们能用看似同步的代码风格来处…
好的，这是一个非常核心且有深度的 JavaScript 问题。我们不仅要实现这些功能，更重要的是理解其背后的逻辑和原理。 我会按照以下顺序为你手写实现并解释： 1. Promise.all：等待所有 Promise 都成功。 2.…
好的，我们来深入且系统地讲解 Object.create 函数，并梳理 Object 上的其他核心函数。 Object.create 的深入解析 Object.create 是一个非常基础且强大的方法，它允许我们创建一个新对象，并精确地指…
好的，我们来深入地探讨和实现 JavaScript 中的 call, apply, 和 bind。 这三者是 JavaScript 中非常重要的函数方法，核心作用都是改变函数执行时的 this 上下文。理解它们是掌握 JavaScript …
难度：中等 给你一个整数数组 nums ，找到其中最长严格递增子序列的长度。1 子序列 是由数组派生而来的序列，删除（或不删除）数组中的元素而不改变其余元素的顺序。例如，3,6,2,7 是数组 0,3,1,6,2,2,7 的子序列。2 提示…
LeetCode 53. 最大子数组和 难度：中等 题目描述 给你一个整数数组 nums ，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。 子数组 是数组中的一个连续部分。 示例 示例 1： 输入：…
难度： 简单 示例 示例 1： https://assets.leetcode.com/uploads/2021/03/06/diamtree.jpg 输入： root = 1,2,3,4,5 输出： 3 解释： 3 ，取路…