【React】React单元测试
React单元测试是确保React应用质量的重要部分。本书推荐使用Vitest作为测试框架，结合React Testing Library (RTL) 来进行单元测试。以下是对React单元测试的详细介绍及示例。
Next.js 入门指南：深入构建服务器渲染的现代 Web 应用
最好的代码是写得最少的代码。
React--》如何高效管理前端环境变量：开发与生产环境配置详解
为了让项目能够在这些环境中灵活切换，开发者通常使用env配置文件来存储环境特定的变量。在前端开发中，如何让项目在不同环境下表现得更为灵活与高效，是每个开发者必须面对的挑战，从开发阶段的调试到生产环境的优化，环境变量配置无疑是其中的关键。3）维护管理：不同的开发、测试和生产环境可以使用不同的配置，方便
OnlyOffice：前端高性能Word、Excel、PPT、Pdf预览服务
OnlyOffice 是一款非常优秀的免费在线 Office 解决方案，它提供了强大的编辑功能、跨平台兼容性和安全可靠性。通过 Docker 部署 OnlyOffice 可以快速搭建一个在线办公环境，并且可以在前端页面中轻松调用 OnlyOffice 服务。如果你正在寻找一款免费的在线 Office
TypeScript 简明使用指南
typescript实用指南
前端代码检测工具 ESLint是什么？怎么格式化代码？
想象一下，ESLint就像是一个严格的老师，它会告诉你哪里的代码写得不够好，哪里可以改进。这是一个开源的 JavaScript 代码检测工具，自从2013年它出现以来，它就成为了JavaScript开发者的好伙伴。它的核心任务是提供一个可以定制的检查系统，让你能够根据自己的喜好来设定规则，保证你的代
前端三大框架对比与选择
在当今前端开发中，React、Vue 和 Angular 是三大主流框架，各具特色。React由 Facebook 开发，以组件化和虚拟 DOM 技术著称，适合构建高性能的用户界面。其生态系统丰富，支持多种第三方库，适合大型应用和复杂交互。开发者能灵活选择状态管理和路由解决方案，适合有一定经验的团队
styled-components 库的用法介绍和实践总结
是一个流行的CSS-in-JS库, 它允许您在 JavaScript 中编写 CSS 样式，是CSS-in-JS方案中的一种实现方式。官方文档:官方文档Github:Github我们经常会有使用公共样式的场景，比如ellipsis来实现文字超长省略。这种场景非常多，没必要在每个地方都写一遍上面的这一
白嫖AI文生图
大家都知道，要完文生图没个好点的显卡很难搞的，第三方 API 又贵，不过我发现抖音旗下的 AI 助手豆包提供了文生图的功能，嘻嘻，白嫖党的看过来了，这里我要讲的是在我的开源图片编辑器中如何合法合规的白嫖抖音旗下的 AI 助手豆包的文生图功能。
探索 Framer Motion 高级动画技巧：提升前端设计水平
在现代的网页和应用设计中，动画不仅仅是视觉的点缀，更是用户体验的重要组成部分。它能够使界面更具吸引力，提升交互的流畅性，甚至在不经意间传达品牌的个性和态度。然而，要创造出令人惊叹的动效并不容易——直到有了 Framer Motion。本文将带你深入探索 Framer Motion 的奥秘，掌握其核心
快速上手企业级前端开发：深入理解 UMI 框架
UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。
Umi Max 详解：打造高性能、可扩展的前端应用
UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。
React Native性能优化红宝书
我们使用 useCallback 来保证在 ParentComponent 的多次渲染中，incrementCount 函数的引用是不变的，这样 ChildComponent 就不会因为 ParentComponent 的渲染而不必要地重新渲染。如果你有一个子组件，它是纯的（不依赖外部状态，只依赖于
Dhtmlx Gantt教程：创建交互式甘特图的完整指南
主要是用来创建和管理甘特图的工具库，甘特图是一种项目管理图表，通过条形图展示任务的开始时间、持续时间和完成进度，同时显示任务之间的依赖关系。Dhtmlx Gantt提供了丰富的功能和可定制选项，开发者可以轻松构建出功能强大、直观清晰的甘特图，用于项目计划和进度管理，从而使得用户可以灵活地配置和显示项
GraphHopper-map-navi_路径规划、导航（web前端页面版）
graphhopper-map-navi开源项目配置运行问题记录
前端canvas项目实战——在线图文编辑器(七)：加粗、斜体、下划线、删除线（下）
上一篇博文中，我们实现了为文字添加和修改加粗、斜体、下划线、删除线。这篇博文是《前端canvas项目实战——简历制作网站》付费专栏系列博文的第七篇——加粗、斜体、下划线、删除线（下），主要的内容有：1. 在上一篇实现加粗、斜体、下划线和删除线等功能时遇到bug及其解决方案。2. 在上一篇的实现中，我
前端canvas项目实战——在线图文编辑器(六)：加粗、斜体、下划线、删除线（上）
上一篇博文中，我们实现了对文字的字体、字号和行间距的编辑。这篇博文是《前端canvas项目实战——简历制作网站》付费专栏系列博文的第六篇——加粗、斜体、下划线、删除线，主要的内容有：1. 针对文本框（fabric.Textbox）对象： 扩充属性列表，使用户可以为画布中选中的文本框设置加粗、斜体、下
nextjs-创建layouts共用UI和独立pages页面
Next.js 是一个基于 React 的框架，用于构建可扩展、可维护的 Web 应用程序。它提供了一个简单、高效的方法来组织和管理 React 应用程序，同时提供了一些高级功能，如页面组件、数据加载、路由等。Next.js 使用了 React Router 5，一个流行的 React 路由库，使得
2024前端高频面试题之-- react篇
React15 的方案由于递归不可中断问题，如果 Diff 时间过长（JS计算时间），会造成页面 UI 的无响应（比如输入框）的表现，vdom无法应用到dom中。为了解决这个问题，React16 实现了新的基于的调度器（因为兼容性和稳定性问题，自己实现了polyfill），通过任务优先级的思想，在高
【前端工作日志】1-公共组件
关于高内聚、低耦合的简单实践
