乐闻
React 使用 React Dnd 实现列表拖拽排序拖拽排序功能在现代的网页应用中非常常见，它提供了一种直观、灵活的方式来让用户自定义内容的顺序。ReactDnd是基于HTML5的拖放API构建的，它能够让你轻松地在React应用中添加拖拽功能。本文介绍如何利用ReactDnd（DragandDrop）这个强大的库来实现一个简易的列表拖拽排序功能。实现步骤一、安装ReactDnd首先，我们需要在项目中安装ReactDnd及其HTML5后端库：np
前端 · 阅读 2956 · 2022年7月30日 23:45
CSS 伪类与伪元素伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和c
前端 · 阅读 5019 · 2022年6月18日 12:03
NestJS 如何实现接口多版本控制在持续迭代的现代应用开发中，版本控制是无法绕开的问题。任何对现有接口的修改，如果没有一个有效的版本控制机制，都可能导致应用全局范围的影响。那么，如何实现一个清晰且高效的接口版本控制呢？多版本控制策略希望在设计之初就考虑到，以确保应用具备良好的灵活性和可扩展性。而NestJS的强大功能，就带给我们实现多版本控制的可能。NestJS是一个强大且灵活的Node.js框架，它提供的模块化架构可以让我们为每
服务端 · 阅读 9761 · 2023年12月30日 00:19
iframe页面通信 - iframe 页面如何传递数据当我们的Web页面需要复用现有网站的页面时，我们通常会考虑代码层面的抽离引用，但是对于一些过于复杂的页面，通过iframe嵌套现有的网站页面也是一种不错的方式。虽然对于用户而言，看到的页面其实是一个整体，但是本质上是两个甚至多个页面的组装，那么页面跟页面之间的交互就避免不了相互通信。iframe 页面之间的通信主要是通过监听页面的全局 `message`事件，然后其他页面通过 `postMessa
前端 · 阅读 2602 · 2023年12月5日 09:51
Node.js错误处理：如何获取和打印堆栈跟踪在Node.js开发过程中，调试和错误处理是不可避免的重要环节。堆栈跟踪（StackTrace）作为一种错误定位工具，为开发者提供了详细的代码执行路径信息，从而有效地帮助我们快速定位和修复问题。本文将通过深入浅出的方式，阐述如何在Node.js中获取和打印堆栈跟踪信息，以提升调试效率和代码质量。什么是堆栈跟踪？堆栈跟踪是一系列函数调用的列表，表示程序在某一时刻的执行路径。当程序发生错误时，堆栈跟踪
服务端 · 阅读 2825 · 2024年12月8日 12:47
React 使用 Recoil 和 LocalStorage 实现状态持久化实现Recoil状态与LocalStorage的无缝集成，而不在业务组件中直接操作，我们可以使用Recoil的高阶工具——effect。Effect允许我们在atom的配置中直接定义与外部资源的交互，从而将持久化逻辑与业务组件解耦。下面是如何创建自动同步到LocalStorage的Recoilatom的步骤。实现步骤一、创建Recoil状态(atom)并添加effect首先，我们创建一个Recok
前端 · 阅读 4569 · 2024年4月21日 19:33
前端如何利用工厂模式在探索优雅且高效的代码设计道路上，设计模式作为一盏指路明灯，引导着开发者们前进。今天，我们要深入了解的是工厂模式（FactoryPattern），一个在前端开发中应用广泛的设计模式。通过它，我们可以创建出一个对象的"工厂"，专注于生产对象，从而实现对象创建与业务逻辑的具体实现分离。工厂模式的核心理念工厂模式的核心理念在于提供一个创建对象的接口，而不需要关心具体的类实现。在前端开发中，这个概念尤为
前端 · 阅读 2316 · 2024年5月26日 14:00
华为算法面试题 - 机试进制转换进制转换__牛客网两数之和两数之和__牛客网明明的随机数明明的随机数__牛客网字符个数统计字符个数统计__牛客网NC68跳台阶跳台阶__牛客网坐标移动坐标移动__牛客网密码验证合格程序密码验证合格程序__牛客网删除字符串中出现次数最少的字符删除字符串中出现次数最少的字符__牛客网整数与IP地址间的转换整数与IP地址间的转换__牛客网输入整型数组和排序标识，对其元素按照升序或降序进行排序输入
前端 · 阅读 2466 · 2022年9月1日 13:52
