TailwindCSS 基础配置tailwindcss配置tailwindcss是一款非常方便的可定制的css样式库,方便我们在class中使用,并且可以进行主题配置,比如深色模式,当然也可以自己定义模式。里面有超多简写class,vscode下载TailwindCSSIntelliSense给予智能化的提示~官方文档:https://www.tailwindcss.cn/docs/installation(利用该文档可进行类似
前端 · 阅读 7285 · 2023年4月9日 17:54

在项目中快速使用React-i18nextReact-i18next是一款强大的国际化框架forreact/reactnative,基于i18next,其作用就是项目可以实现多语言。下面我将介绍一下react-i18n的使用安装#npm$npminstallreact-i18nexti18next--save初始化配置选项resource:资源初始化lng:使用的语言fallbackLng:兜底语言debug:将日志打印到控制台inter
前端 · 阅读 7475 · 2023年5月24日 11:45

redux tookit - rtk query的简单使用`rtk query` 是 `@reduxjs/toolkit` 包中的的一个可选插件,其体系结构在内部使用redux。`rtk query` 是一个强大的数据获取和缓存工具,**RTK Query** 是一个强大的数据获取和缓存工具。它旨在简化在 Web 应用程序中加载数据的常见情况,**无需自己手动编写数据获取和缓存逻辑**。极大简化代码。
前端 · 阅读 6557 · 2023年3月19日 20:46

使用React封装简单table组件写项目时一直用的都是封装好的table组件,对其内在并未深入了解,自己手动封装一个简单的组件,加深对各类封装好的table组件的了解。接下来的内容都是类比于antd中的table组件注意:既然是封装表格,那么就需要使表格尽可能符合多种业务场景,下面我封装的表格只针对业务内容展示进行处理,并不针对样式,样式也可类比。思考过程首先要思考table组件需要什么???列数据(columns)-即表头行
前端 · 阅读 4217 · 2023年10月6日 22:58

Typescript 有哪些实用的内置类型?TypeScript是现代前端工程开发的必备知识,其中内置了很多默认类型;本篇将介绍了Typescript中的一系列的内置类型,并通过具体的代码示例为大家解释了如何使用这些类型。本文会分别介绍Required、Partial、Pick、Record、Omit、Exclude、Extract、NonNullable、ReturnType以及字符串相关的类型**Uppercase、Lowercas
前端 · 阅读 4627 · 2023年11月27日 23:27

react native 本地推送消息(IOS)reactnative本地推送消息(IOS)本文将介绍notifee(5.7.0版本)的使用为什么不用最新版本呢?IOSOnNotificationOpenedApp和来自RNFBMessaging的getInitialNotification将不再触发,因为notifee将处理此事件。Android上的事件将继续正常工作由于遇到了本地推送跟远程推送的冲突导致iOS远程推送的消息无法接收到。所以为
前端 · 阅读 2382 · 2023年6月18日 16:21

React Native 保存图片到手机相册,同时支持IOS&安卓在许多ReactNative应用中,用户通常希望能够保存图片到设备的相册中。本文将介绍如何使用ReactNative的CameraRoll组件和相关的API,实现保存图片到相册的功能。步骤1:安装依赖首先,确保您的ReactNative项目已经正确配置和运行。然后,通过以下命令安装所需的依赖:npminstall@react-native-community/camerarollnpmin
前端 · 阅读 2871 · 2024年3月30日 12:44

SVG 图片如何自定义颜色在使用SVG图片时,我们经常遇到需要在相同图片上使用不同颜色的情况。为了实现自定义颜色,我们可以利用React和CSS的特性来处理SVG图像的颜色。本文将介绍如何使用React组件和CSS来实现SVG的颜色自定义。代码实现import{FC,useMemo}from'react';interfaceProps{color:string;size:number;svg:string;}exp
前端 · 阅读 2025 · 2024年3月30日 12:53



