2024年最新企业级前端开发自测标准_前端需要自测页面吗(3)，2024年最新这些面试官常问的开发面试题你都掌握好了吗

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

常规的开发模式往往是前后端分离，后台进行接口与数据的开发整合，前端进行页面的切图与调用，所以前端往往也是提测前的最后环节。

所以前端的自测其实穿插着接口的容错等其他各部分的综合。

本期的自测标准整合分为三个部分，展示，交互和校验。

展示

首先是：展示部分
这也是前端唯一不能甩锅的部分。展示可以说是在自测中解耦的测试点。

• 页面展示
• 布局展示
• 图片展示
• 控件展示

…等等
所见即为展示

验证标准

而展示的验证结果则是符合prd或者交互ui的要求，达到美观整洁大方与代码端表现一致即可。主要涉及的html和css的相关知识。

交互

交互体验可以说是一种见仁见智的东西，在业务流程的基本上，满足大多数人的操作习惯即可。尽量不要出现反人类的操作。
但在交互上前端往往需要考虑的更多，类似于对一些不可逆的操作，前端需要利用来防止用户的手滑等等，比如退款，删除等等。

• 二次确认
• 重复提交
• 异常提示(无权限，无数据)
• 默认值
  …
  等等

验证标准

交互的验证结果则是符合大多数用户的习惯，以及考虑到多种操作情况会造成的影响，从而在交互设计前就进行规避。

校验

第三点：校验，校验是为了保证前端数据的准确性。往往后台需要和前端一起进行对数据的校验，这样有了双重保险后，调用接口等。

校验的方式，一般分为两种，第一种是将需要校验的数据逐个击破，另一种则是为整体校验，对整个进行提交的数据组进行校验。

逐个击破校验

在双向绑定的背景下，数据单元也绑定了一个独一的控件，以数据单元为单位进行校验，最简单的就是if语句了

if(a!=1){
//校验不通过
console.log("a不是1")
}

整体处理校验

class-validator校验方法举例

利用class的思想，将json转化为可以进行校验的class 对其中的属性进行校验，利用注释校验的方法对字段进行规定预设，从而进行整体校验。

权限

而校验不仅仅可以对于数据，也可以对于权限。
权限可以简单概括为三种：

• 操作权限
• 数据权限
• 显示权限

操作权限

常规的情形是：班主任可以审批学生请假而任课老师不可以。

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

mg-eASdadpu-1715741683375)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】