Front end development engineer

使用 React 16+Webpack 和 pdfjs-dist 或 react-pdf 实现 PDF 文件显示、定位和高亮

在 React 应用程序中，数据传递是非常重要的。它允许我们在组件之间共享信息和状态，从而构建出复杂的用户界面。本文将深入探讨 React 中的数据传递机制，包括 props、state 和 context API。我们还将通过实际例子来演示如何在项目中应用这些概念。

在现代前端开发中，React 是一个非常流行的 JavaScript 库，用于构建用户界面。它引入了一个名为“虚拟 DOM”（Virtual DOM）的概念，这个概念对于 React 的高效性能和易用性至关重要。本文将深入探讨 React Virtual DOM 的工作原理、优点以及如何在实际项目中应用它。React Virtual DOM 是一个轻量级的 JavaScript 对象，它是真实 DOM 的一个副本。

React 19是React框架的最新版本，带来了许多令人兴奋的新更新、新特性和新Hooks。这些改进旨在提高开发效率、增强性能和简化代码结构。在本文中，我们将详细介绍React 19的主要更新和新特性，并提供实际的例子来帮助你更好地理解它们。

usePagination是一个React Hook，旨在简化分页组件的开发。它封装了大部分的分页逻辑，包括计算当前页码、总页数、每页显示的项目数量等，并提供了一些有用的回调函数来处理用户的分页操作。

React Copy to Clipboard是一个简单而强大的库，用于在React应用程序中复制文本到剪贴板。它提供了一个易于使用的API和跨浏览器兼容性，适用于各种场景

React Native (RN) 是一个由 Facebook 开发的开源框架，用于构建跨平台的移动应用程序。它允许开发者使用 JavaScript 和 React 来创建原生 iOS 和 Android 应用。RN 的出现极大地简化了移动应用的开发过程，使得开发者可以更快速、更高效地构建高质量的应用。在本文中，我们将深入探讨 RN 的各个方面，包括其核心概念、组件、样式、状态管理、导航、网络请求、存储、性能优化等。我们还将通过实际的例子来演示如何使用 RN 开发一个简单的应用。

React的虚拟DOM是其高效渲染和更新的关键。通过使用虚拟DOM，React可以在不直接操作真实DOM的情况下，快速地计算出UI的变化，并只更新必要的部分。虚拟DOM的优点包括高效的更新、跨平台支持、易于维护和调试以及更好的用户体验。了解虚拟DOM的工作原理、优点和使用技巧，可以帮助你更好地利用React来构建高效的Web应用。

给一个模块做埋点，要求埋点的触发时机是当模块露出50%且停留300毫秒才进行上报。

React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在，我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等，也无需为浏览器兼容性而苦恼，只需编写组件并专注于用户体验即可。然而，仍然有一些情况（虽然很少！）我们需要访问实际的 DOM。而当涉及到实际的 DOM 时，最重要的是要理解并学习如何正确使用 ref 以及 ref 周围的一切。

React中setState和replaceState的区别？react中onClick绑定后的工作原理？....

redux本来是同步的，为什么它能执行异步代码？实现原理是什么？中间件的实现原理是什么？redux中同步action与异步action最大的区别是什么...

【代码】自定义hooks实现在useState改变值之后立刻获取到最新的值。

前端一般会面临 XSS 这样的安全风险，但随着 React 等现代前端框架的流行，使我们在平时开发时不用太关注安全问题。以 React 为例，React 从设计层面上就具备了很好的防御 XSS 的能力。本文将以源码角度，看看 React 做了哪些事情来实现这种安全性的。

学习react-hooks和TypeScript打造的仿Antd的reactUI组件库

react 封装通用组件之table组件

react全生命周期

从零开始一个webpack+react项目

学习react-hooks和TypeScript打造的仿Antd的reactUI组件库

调接口时添加 responseType: ‘blob’ return request('接口', { method: 'POST', responseType: 'blob', data:{ ...params, }, });对返回的文件流进行处理response为获取到的文件流(response: any) => { // 创建blob对象 const blob = window.URL.crea

...