标签:TypeScript

pnpm run build报错Search string not found: “for (const existingRoot of buildInfoVersionMap.roots) {“

今天测试环境的vue项目在使用jekins构建到执行pnpm run build时报错,提示错误如下: + pnpm run build > cmms-web@0.0.0 build /var/lib/jenkins/jobs/cmms-web-test/workspace > vue-tsc && vite build……

a-form ref校验表单提示Cannot read properties of undefined (reading ‘validate’)解决办法

在使用vue+and design开发form表单时,当给a-form绑定ref属性后,调用表单validate()方法校验时始终提示如下错误: 问题原因 经反复排查,发现是表单ref=”searchFormRef”没有绑定成功,在浏览器console.log(searchFormRef.value)时发现其打印值为undefine……

面试题:Vue 2.x和Vue 3.x的区别

本文主要讲解关于前端面试经常会被问到的面试题:Vue 2.x和Vue 3.x的区别相关内容,让我们来一起学习下吧! 我们都知道Vue 是一款比较流行的前端JavaScript 框架,在他演进的过程中出现了2个主要版本,Vue 2.x 和 Vue 3.x。这两个版本之间有很多的区别,下面我以自己的理解介绍一下他们之间的区别。 响应性系统的改变 Vue 2.x ……

React使用TypeScript替代prop-types

本文主要讲解关于React使用TypeScript替代prop-types相关内容,让我们来一起学习下吧! ​关于prop-types 对于部分的同学,不大了解为什么我们的代码里面要用到prop-types这个库,对此需要先解释下这个库的历史。 很久很久以前,React在出来的时候,在对组件处理的时候,对props进行了校验,比如一个计算数字的子组件,对pr……

React 实现 cron 时间选择器组件

本文主要讲解关于React 实现 cron 时间选择器组件相关内容,让我们来一起学习下吧! cron 是最常见的类 Unix 系统下的基于时间的任务管理系统,在实现定时任务场景中较常使用。 本文介绍适合实现一个前端时间选择组件,其中绑定的值使用 cron 的时间格式,方便传递给后端存储使用。 实现效果 实现方式 先定义时间选项 export enum Ti……

如何实现一个Web Component组件

本文主要讲解关于如何实现一个Web Component组件相关内容,让我们来一起学习下吧! 作为开发者,我们都知道尽可能多的重用代码是一个好主意。这对于自定义标记结构来说通常不是那么容易 — 想想复杂的 HTML(以及相关的样式和脚本),有时你不得不写代码来呈现自定义 UI 控件,并且如果你不小心的话,多次使用它们会使你的页面变得一团糟。 什么是Web Co……

SpringBoot 统一响应体处理器详解

本文主要讲解关于SpringBoot 统一响应体处理器详解相关内容,让我们来一起学习下吧! 在Spring Boot应用中,统一处理响应体是一项非常重要的任务,它可以让我们更方便地统一规范API的返回格式。今天,我们将深入探讨一个优雅的解决方案——使用ResultHandlerAdvice,通过它实现统一响应体的增强处理。 背景 在实际项目中,我们经常会面临……

如何处理proimise、await产生的错误

本文主要讲解关于如何处理proimise、await产生的错误相关内容,让我们来一起学习下吧! 如何正确处理proimise、await产生的错误 最近在一些小童鞋的群上,讨论了一些很普遍的错误处理的话题。发现大部分初级甚至中级前端,都不知道如何系统的处理一个错误。普遍出现到处try…catch的问题。甚至有些公知,还推出各种奇怪的库来处理异步问……

HarmonyOS如何实现页面跳转传值

本文主要讲解关于HarmonyOS如何实现页面跳转传值相关内容,让我们来一起学习下吧! 介绍 本篇主要介绍如何在HarmonyOS中,在页面跳转之间如何传值 HarmonyOS 的页面指的是带有@Entry装饰器的文件,其不能独自存在,必须依赖UIAbility这样的组件容器 如下是官方关于State模型开发模式下的应用包结构示意图,Page就是带有@Ent……

如何为next项目添加prettier并配置husky

本文主要讲解关于如何为next项目添加prettier并配置husky 相关内容,让我们来一起学习下吧! 使用npx create-next-app@latest初始化项目时会有添加eslint的选项,一般都会选择启用,因此不用自己配置eslint。下面介绍如何在此基础上添加prettier和husky 安装prettier npm i -D prettie……

如何自己搭建TS开发脚手架初始化项目

本文主要讲解关于如何自己搭建TS开发脚手架初始化项目相关内容,让我们来一起学习下吧! 平常写项目的时候,一般都会使用官方的脚手架去开发,虽然这个确实省掉了我们不少时间,也给我们一个项目模板,不过对于一个项目来讲,官方给的模板肯定不足以满足我们的日常开发需求,我们平常经常使用的或者封装的一些工具或组件这些东西还需要我们手动给粘贴过来,这种做法麻烦不说,有时候粘……

如何实现前端自动化UI测试

本文主要讲解关于如何实现前端自动化UI测试相关内容,让我们来一起学习下吧! 背景 开发公共平台项目,测试资源相对比较少,因此对开发者自身而言,为了维护项目的稳定性,需要对平台做各类测试,即使有测试环境,但是也很容易缺乏测试场景导致带着bug上线的情况。 因此我们需要做完整自动化测试方案,来避免这类常规错误,提高平台的可用性和稳定性。 这里先简单描述自动化测试……