作为开发人员在创建应用程序时,如果应用程序出现任何问题,您不知道将来会发生什么。

在获得了作为全栈开发人员的一些行业经验后,我注意到在部署 Web 应用程序后出现了一些问题。

在前端和后端制作或部署网络应用程序之前我应该知道的

让我们看看我从一些高级开发人员那里发现或学到的一些观点。

错误处理

在创建应用程序时,错误处理是您应该处理并且必须知道的一件事,尤其是在服务器端或后端

你永远不知道应用程序的未来会发生什么,所以你应该始终在所有 API 或调用 API 的前端应用程序中使用 try to catch 块。

如何使用try catch

try { //your api or anything } catch(err) { //it will throw an error console.log("error",err) }

服务器应用程序中的记录器

有时你的应用程序会出错或者服务器会宕机。如果发生任何错误,您的服务器应创建日志这将显示错误发生的时间、日期和时间,以及发生的错误。

例子 :

您的服务器发生错误

服务器会报错

logger 将捕获错误并创建当天的文件

对于节点 js,您可以使用 npm 包

验证

在前端应用程序中,您必须验证输入或必填字段。

例如,用户需要在输入框中添加手机号码,但他添加的是 abcdef 而不是 12245555。

此外,数字长度必须至少为十个数字。

如果他不符合上述条件,您应该显示警告消息或红色消息,请添加有效的手机号码。

您可以将此类型的验证应用于其他输入,例如电子邮件。

一些技巧

您可以使用正则表达式验证器脚本或任何包,如 formik 或其他包。

但是...

请注意,您还必须在服务器端验证数据

默认图片

例如,您正在使用 Web 应用程序并显示来自 API 的图像。

用户的网络不通,或者网络出现问题,或者API不可用。

用户将在前端应用程序中获得类似此视图的内容。

如何解决这个问题

通常,我们创建一个这样的 img 标签来显示图像。

zoz100027

通过使用 javascript 或 onerror

<img id="currentPhoto" src="SomeImage.jpg" onerror="this.onerror=null; this.src='Default.jpg'" alt="" width="100" height="120">

而已。有很多事情要做感谢您阅读我的帖子这是我的第一篇帖子,希望您喜欢它。