进制转换进制转换__牛客网两数之和两数之和__牛客网明明的随机数明明的随机数__牛客网字符个数统计字符个数统计__牛客网NC68跳台阶跳台阶__牛客网坐标移动坐标移动__牛客网密码验证合格程序密码验证合格程序__牛客网删除字符串中出现次数最少的字符删除字符串中出现次数最少的字符__牛客网整数与IP地址间的转换整数与IP地址间的转换__牛客网输入整型数组和排序标识，对其元素按照升序或降序进行排序输入

我们都知道React从16.8版本开始引入了Hooks特性，这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下，使用state和其他特性，使代码更简洁，易读和易于测试。在所有的Hooks中，useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state，这对于传统只能在class组件中操作state的思维是一次重大改变。这次，

React如何科学合理的使用Icon一、React使用IconParkIconparkIcon列表依赖包安装npminstall@icon-park/reactIcon组件使用importReact,{Component}from'react';import{Shield}from'@icon-park/react';exportdefaultclassIconex

前言刚开始学习React的朋友基本都是从Facebook官方提供create-react-app脚手架开始，别人的脚手架开箱即用固然爽，但是有的时候想要进行一些功能的拓展（集成less等)就需要去百度谷歌。因为脚手架把整个项目的编译构建过程高度集成了，我们想通过脚手架生成的代码学习项目工程化，刚开始肯定是大难度的。伟人曾道：自己动手，丰衣足食。为了更深层次的去学习react，去尝试理解react项

如果你是一个正在学习NestJS的开发者，那么这篇文章将会为你展示如何通过管道来进行数据验证和转换，你会发现这是一个强大的工具，能够极大地提高你的开发效率。对于已经熟悉NestJS的开发者，本文的内容也会帮助你更好地理解和应用管道的概念。什么是NestJS的管道(Pipes)？NestJS管道(Pipes)是NestJS框架的一部分，它主要是用于处理和解析来自客户端的输入数据，然后将数据传递给请求

前言Redux的诟病是重复的模块代码太多，各路大佬都开始尝试解决这些问题，Redux-actions悄然而生。刚开始使用Redux-actions时遇到一些问题，那么专门写一篇博客全面详细的记录Redux-actions的使用。安装npminstallredux-actions//index.jsximportReactfrom'react';importReactDOMfrom&

前端如何利用单一职责原则（SRP）设计模式单一职责原则（SingleResponsibilityPrinciple，简称SRP）是面向对象设计五大原则（SOLID）之首。它指出，“一个类只应该有一个引起它变化的原因”。换言之，一个类应该只负责一项任务。这个原则同样适用于前端开发，让我们的应用更加模块化，易于维护和扩展。1.理解单一职责原则在前端开发中，我们将“类”这个概念扩展到了组件、模块、函数

TypeScript为了开发者提供了基础数据类型，同时也允许开发者使用interface、type等指令自定义复杂结构类型。与编程变量类似，开发者不能无节制的新增类型，类型的整体集中管理是降低维护成本的重要手段。对于更多复杂的类型，开发者可以基于基础类型进行衍生，TypeScript提供了丰富的内置的工具类型，例如本文将会介绍的Omit 和 Exclude。基于这些工具类型

自动化测试的核心宗旨就是尽可能减少人工参与的情况下保证系统的稳定运行。当完成核心业务的自动化用例后，我们可以通过定时运行或者有新代码提交等等需要验证核心业务是否正常，并且通过邮件或者其他的手段通知研发同学自动化用例运行结果。本文详细记录Cypress自动化用例如何在centos服务器中定时运行，并且通过邮件通知自动化测试用例的运行结果。编写运行shell脚本为了配合centos的定时器功能

当我们刚开始使用tailwindcss框架处理项目中的样式，我相信很多人会跟我一样非常不习惯。tailwindcss默认支持的rem单位，而不是我们已经非常习惯的px，这其实给我们带来了不小的心智负担。这篇文章将介绍如何在项目中使用px单位设置元素的属性。方案方案一tailwindcss默认支持灵活设置元素距离属性，比如给div加一个16px的内边距，在属性后通过[]来设置具体的px；