TailwindCSS 如何画一条0.5px的线
在移动端项目,一般为了让线条看起来更细、更锐利,此时使用0.5px的线条是非常合适的。那么如何使用TailwindCSS画一条0.5px的线条呢?在实现这个需求的时候,首先去TailwindCSS官网查了一下border有没有对应的内置工具类,发现内置的线条最细的是1px;所以我们需要自定义配置TailwindCSS的space属性。下面将详细说明如何配置。两种配置实现方式一基于配置spaci
前端 · 阅读 2106 · 2023年12月18日 23:24
React 内置 Hook 之 useState 深度解析与使用案例
我们都知道React从16.8版本开始引入了Hooks特性,这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下,使用state和其他特性,使代码更简洁,易读和易于测试。在所有的Hooks中,useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state,这对于传统只能在class组件中操作state的思维是一次重大改变。这次,
前端 · 阅读 1809 · 2024年1月2日 22:57
Nginx 如何实现服务的负载均衡?多种进阶分配方式
随着用户量的增长,单一的服务器可能难以应对大量的并发请求。这时,你需要负载均衡器来帮助你分配负载,提升系统的扩展性和稳定性。Nginx是一款高性能的Web服务器软件,它同样可以作为一个非常优秀的负载均衡器来使用。本教程将通俗易懂地为你介绍如何使用Nginx实现多个服务的负载均衡。什么是负载均衡?简单来说,负载均衡就是将接收到的网络请求分配到多个服务器上,这样可以避免某单一服务器因请求过多而产生瓶
运维 · 阅读 427 · 2024年4月12日 11:54
如何使用 Scrcpy 从手机传输文件至电脑
Scrcpy是一个非常有用的开源工具,它允许用户通过USB或Wi-Fi连接在电脑上控制和显示Android设备的屏幕。除了远程控制手机外,Scrcpy也可以用来从手机传输文件到电脑。以下是你可以遵循的步骤,轻松实现文件传输。1.通过分享面板实现步骤一、安装Scrcpy首先,你需要在你的电脑上安装Scrcpy。Scrcpy可以在多种操作系统上运行,包括Windows、macOS和Linux。Win
前端 · 阅读 680 · 2024年7月17日 10:00
TailwindCSS 支持文本文字超长溢出截断、文字文本省略号
文本文字超长截断并自动补充省略号,这是前端日常开发工作中常用的样式设置能力,文字超长截断主要分为单行超长截断和多行超长截断。本文通过介绍基本CSS样式、tailwindcss类设置两种基础方式来实现文字超长截断。TailwindCSS设置单行文字超长截断tailwindcss多个基础类组装<divclass="overflow-ellipsisoverflow-hiddenwhitesp
前端 · 阅读 9647 · 2023年5月27日 22:57
基于NestJS 和 TypeORM 实现 CURD RESTful API接口
对于服务端项目而言,对外如何提供合格规范的HTTP接口,对内如何优雅的操作数据存储,比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程,我会根据成熟的解决方案,给大家详细介绍如何基于NestJS实现开发RESTfulAPI,其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m
服务端 · 阅读 2970 · 2023年12月20日 23:21
在Cypress 中如何 Mock 自定义请求数据
Cypress如何Mock请求数据在现代的前端开发中,端到端的测试成为了保证应用质量的关键部分。Cypress是一个强大的端到端测试框架,它允许我们模拟后端API的请求和响应数据,以便我们能在开发过程中测试前端功能,即使后端尚未完全实现。这篇文章将会教你如何在Cypress中模拟请求数据。Mock请求数据的静态方式Cypress提供了.intercept()方法,它允许我们拦截应用中的HTTP请求
工程 · 阅读 1164 · 2024年4月11日 00:14
如何在 Cypress 中处理图片下载
在实际的测试场景中,我们有时需要验证应用程序是否正确地允许用户下载图片。本文将通过一个详细的例子,教你如何在Cypress中处理和验证图片下载的功能。具体步骤在Cypress中编写测试,本质上是描述出用户的行为,并对应用程序的反馈进行断言。对于图片下载的测试,我们关注的主要是点击下载链接后,图片是否正确地被触
前端 · 阅读 1143 · 2024年2月24日 02:32
Cypress 如何调试测试案例代码?
Cypress提供了一套易用的API,让你可以快速编写出可读性强、维护性好的测试代码。但是,无论是多么优秀的测试代码,也难免会遇到需要调试的时刻。本文将通过一种通俗易懂的方式,教你如何在Cypress中调试代码,以确保你的测试能够顺利进行。调试方式1.使用Cypress自带的调试命令Cypress提供了一个.debug()命令,可以帮助你在测试运行时暂停,这样你就可以使用浏览器的开发者工具来检查
工程 · 阅读 1059 · 2024年4月11日 23:40
CentOS定时运行Cypress自动化测试用例并通过邮件通知结果
自动化测试的核心宗旨就是尽可能减少人工参与的情况下保证系统的稳定运行。当完成核心业务的自动化用例后,我们可以通过定时运行或者有新代码提交等等需要验证核心业务是否正常,并且通过邮件或者其他的手段通知研发同学自动化用例运行结果。本文详细记录Cypress自动化用例如何在centos服务器中定时运行,并且通过邮件通知自动化测试用例的运行结果。编写运行shell脚本为了配合centos的定时器功能
前端 · 阅读 2031 · 2023年6月26日 00:28