前端阅读 29622024年2月24日 01:35如何在 React 中加载本地 Icon 资源React作为一个构建用户界面的JavaScript库,提供了便捷的方式去实现复杂的功能。其中加载本地Icon资源也是一个常用的需求。在这篇文章中,我们会通过一个简单的例子来展示如何在React项目中加载本地的Icon资源。准备Icon资源首先,你需要有一些Icon资源。通常这些资源是以.svg、.png、.jpg等格式存在。为了本教程的需要,我们假设你已经有了一些SVG格式的Icon,并且它们存React
前端阅读 31572024年7月15日 13:33如何基于Scrcpy 实现远程调试?在开发Android应用时,远程调试是一项非常实用的功能,它可以让开发者不必每次都连接物理设备即可进行应用测试和调试。Scrcpy是一款开源的Android设备控制和显示工具,它通过USB(或者通过TCP/IP进行网络传输)连接设备,提供了高性能的屏幕镜像和操作能力。本文将详细介绍如何使用Scrcpy进行远程调试。环境准备安装ADB:Scrcpy依赖于AndroidDebugBridge(ADBScrcpy
前端阅读 61192022年6月18日 11:44Redux-actions 使用方法前言Redux的诟病是重复的模块代码太多,各路大佬都开始尝试解决这些问题,Redux-actions悄然而生。刚开始使用Redux-actions时遇到一些问题,那么专门写一篇博客全面详细的记录Redux-actions的使用。安装npminstallredux-actions//index.jsximportReactfrom'react';importReactDOMfrom&ReactRedux
算法阅读 23122022年6月12日 21:49「数据结构」树的遍历functiondfs(root){//dosthdfs(root.left);dfs(root.right);}functiondfs(root){dfs(root.left);//dosthdfs(root.right);}functiondfs(root){dfs(root.left);dfs(root.right);//dosth}...数据结构
服务端阅读 98132024年1月4日 21:29如何在 NestJS 中集成 MongoDB 并实现数据的增删改查操作在现代的Web应用程序开发中,无论是在数据存储、检索、还是数据流转的各个环节,数据库都扮演着极其重要的角色。MongoDB是一个基于分布式文件存储的开源数据库系统,以其高性能、高可用性和易扩展性著称。作为JavaScript社区最受欢迎的后端框架之一,NestJS提供了优雅的解决方案来与各种数据库进行交互,其中就包括了对MongoDB的支持。本教程将通过一个简单而通俗的实例,带你在NestJSNestJSMongoose
前端阅读 55832024年2月24日 02:02 如何使用 Cypress 进行 Cookie 操作在现代的Web开发中,Cookie是维护状态、实现用户跟踪和进行会话管理的一个非常重要的组成部分。对于前端开发者来说,了解如何在自动化测试中操作Cookie是非常重要的。Cypress是一个非常流行的前端自动化测试工具,它支持对Cookie的操作。本教程将向你展示如何使用Cypress来获取、设置和清除Cookie。Cypress是什么?Cypress是一个前端自动化测试工具,它提供了用于模拟用户Cypress
服务端阅读 116042023年12月30日 23:00一篇文章学会如何使用 NestJS 过滤器处理全局异常情况在实际的应用开发中,你或许遇到过异常处理机制不统一或错误信息展示混乱的现象。为了解决这些问题,NestJS提供了一个优雅的解决方案:过滤器(Filter)。本文将从实际出发,向你介绍NestJS过滤器的基本概念,重要用途和深度实例。什么是NestJS的过滤器当一个程序运行过程中发生了异常,并且这个异常没有被捕获处理,用户就会看到一些奇怪的错误信息,这种现象对用户体验非常不好。此时,NestJS的过NestJS
前端阅读 71852023年12月5日 23:16TailwindCSS 如何处理RTL布局模式TikTok作为目前全世界最受欢迎的APP,需要考虑兼容全世界各个地区的本地化语言和阅读习惯。其中对于阿拉伯语、波斯语等语言的阅读书写习惯是从右向左的,在前端有一个专有名字RTL模式,即Right-to-Left。其中以阿拉伯语作为第一语言的人口超过2.92亿,对于这个庞大的市场,App、Web网站等都需要考虑RLT布局。那么TailwindCSS应该如何处理RTL布局模式?LTR模式vsRT前端Tailwind CSS
前端阅读 48742024年2月22日 23:31基于 React 封装网络状态变化的 Hook,轻松监听网络变化随着移动互联网的普及,用户对Web应用的网络连接状态变得越来越敏感。无论在地铁隧道还是偏远地区,不稳定或缺失的网络连接都是常态。因此,为了提供无缝的用户体验,构建一个能够智能响应网络状态变化的应用变得至关重要。本文将介绍如何使用ReactHooks来轻松创建一个网络状态监听器,从而让您的应用能够优雅地应对网络的波动。使用ReactHook监听网络状态变化初始化Hook结构创建一个新文件useNetReact
前端阅读 27012024年5月26日 13:13前端如何利用单一职责原则(SRP)前端如何利用单一职责原则(SRP)设计模式单一职责原则(SingleResponsibilityPrinciple,简称SRP)是面向对象设计五大原则(SOLID)之首。它指出,“一个类只应该有一个引起它变化的原因”。换言之,一个类应该只负责一项任务。这个原则同样适用于前端开发,让我们的应用更加模块化,易于维护和扩展。1.理解单一职责原则在前端开发中,我们将“类”这个概念扩展到了组件、模块、函数设计模式前端