前端E2E自动化测试方案 - Cypress 入门教程
项目的稳定性是项目迭代过程中最重要的关注点,在Web应用开发中,如何保证程序的高质量,可靠和良好的用户体验是指关重要的。为了达到这些目标,E2E自动化测试是不可或缺的环节。目前市面上流行的E2E自动化框架中,cypress是基于JavaScript编写用例的框架,作为前端开发者,可以轻松接入E2E自动化测试。Cypress为开发者提供了简洁、高效的测试方法,无论是对于初学者还是经验丰富的开发者
前端 · 阅读 5370 · 2023年6月21日 21:49

前端如何利用发布订阅模式
前端如何利用发布-订阅模式发布-订阅模式(Pub/Sub)是一种广泛使用的设计模式,在前端开发中,它可以帮助我们管理复杂的事件逻辑,实现不同组件之间的松耦合通信。今天,我们将通过一个简单的例子来探索如何在前端项目中利用发布-订阅模式。发布-订阅模式简介发布-订阅模式允许对象(发布者)将消息发送给其他对象(订阅者),而无需知道接收对象的任何信息。这种模式独特之处在于,发布者和订阅者之间不存在直接联
前端 · 阅读 2529 · 2024年5月26日 16:56

基于React实现:弹窗组件与Promise的有机结合
弹窗在现代应用中是最为常见的一种展示信息的形式,二次确认弹窗是其中最为经典的一种。当我们在React,Vue这种数据驱动视图的前端框架中渲染弹窗基本是固定的使用形式。使用方式:创建新的弹窗组件,在需要弹窗的地方引用并且需要在外层维护弹窗组件的显示/隐藏状态。这只是庞大项目中一处需要弹窗的地方,如果项目中存在N个需要弹窗的场景,我们都需要将上述步骤重复一次。这会让我们的项目组件变得臃肿冗余。
前端 · 阅读 4320 · 2023年9月5日 11:58

基于NestJS 和 TypeORM 实现 CURD RESTful API接口
对于服务端项目而言,对外如何提供合格规范的HTTP接口,对内如何优雅的操作数据存储,比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程,我会根据成熟的解决方案,给大家详细介绍如何基于NestJS实现开发RESTfulAPI,其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m
服务端 · 阅读 7359 · 2023年12月20日 23:21

TailwindCSS 支持文本文字超长溢出截断、文字文本省略号
文本文字超长截断并自动补充省略号,这是前端日常开发工作中常用的样式设置能力,文字超长截断主要分为单行超长截断和多行超长截断。本文通过介绍基本CSS样式、tailwindcss类设置两种基础方式来实现文字超长截断。TailwindCSS设置单行文字超长截断tailwindcss多个基础类组装<divclass="overflow-ellipsisoverflow-hiddenwhitesp
前端 · 阅读 13792 · 2023年5月27日 22:57

前端开发中如何使用迪米特法则(最少知道原则)
你现在是顶级前端大师和顶级互联网营销大师,你对各种技术都有自己的见解和分析,对前端技术的变化趋势很敏感,你会通过通俗易懂的方式给别人讲解前端知识,并且能够写出让别人喜欢的文章教程,不需要初始化相关的内容,尽量将重要的内容,现在需要你根据下面的主题写一篇教程文章,主题是:前端如何利用迪米特法则设计模式,#前端开发中运用迪米特法则(最少知道原则)来设计模式在前端开发中,设计模式是用来解决常见问题的经
前端 · 阅读 1958 · 2024年5月26日 13:09

从上到下按层打印二叉树
从上到下按层打印二叉树问题解决方案BFS广度遍历/***Definitionforabinarytreenode.*functionTreeNode(val){*this.val=val;*this.left=this.right=null;*}*//***@param{TreeNode}root*@return{number[][]}*/varlevelOrder=function(root){
算法 · 阅读 1991 · 2022年6月18日 11:42

基于pnpm 实现前端 Monorepo项目管理
随着软件开发项目变得越来越庞大和复杂,如何有效管理和维护代码库成为了一个重要的问题。一种流行的解决方案是Monorepo,也就是在一个版本控制系统中管理所有的项目代码。什么是MonorepoMonorepo是一种项目代码管理方式,指单个仓库中管理多个项目,有助于简化代码共享、版本控制、构建和部署等方面的复杂性,并提供更好的可重用性和协作性。什么是Pnpmpnpm 是一款快速、高效的Jav
工程 · 阅读 2764 · 2023年12月25日 20:12

TailwindCSS 如何设置全局字体以及给特定元素设置字体
TailwindCSS是一个功能类优先的CSS框架,它允许开发者通过组合不同的工具类来快速构建自定义的用户界面。设置全局字体及给特定元素设置字体是前端开发中的常见需求,TailwindCSS为这一需求提供了简单有效的解决方案。接下来,我们将一步步地探讨如何在TailwindCSS中实现字体设置。字体文件引入一旦选择了字体,你需要将它们添加到你的项目中。这里有两种常见的方法:使用在线字体服务或自托管
前端 · 阅读 7171 · 2024年4月12日 12:15

一篇文章学会如何使用 NestJS 过滤器处理全局异常情况
在实际的应用开发中,你或许遇到过异常处理机制不统一或错误信息展示混乱的现象。为了解决这些问题,NestJS提供了一个优雅的解决方案:过滤器(Filter)。本文将从实际出发,向你介绍NestJS过滤器的基本概念,重要用途和深度实例。什么是NestJS的过滤器当一个程序运行过程中发生了异常,并且这个异常没有被捕获处理,用户就会看到一些奇怪的错误信息,这种现象对用户体验非常不好。此时,NestJS的过
服务端 · 阅读 8848 · 2023年12月30日 23:00

