前 25 个必须知道的 Web 开发人员面试问题和答案

随着 Internet 的不断发展,对 Web 开发人员的需求不断增加。 但是,要找到这份工作,您必须首先扩大雇主的面试时间。
尽管较大的团队倾向于专门雇用前端或后端开发人员,但较小的团队和 初创公司 通常会选择全栈开发人员。因此,尽可能多地了解是有帮助的。
以下列出了 25 个必知的 Web 开发人员面试问题及其答案,以帮助您做好准备。
1. HTML、JavaScript 和 CSS 在 Web 开发中的作用是什么?
HTML 代表超文本标记语言,它是开发文档以在网络上发布的标准语言。 JavaScript 和 CSS 是额外的。
JavaScript 最初被设计为一种客户端编程语言,它在浏览器中执行以在网页中产生更多功能。 CSS 代表级联样式表,用于在屏幕上呈现元素。
2.什么是响应式网页设计
响应式网页设计是一种网页开发方法,旨在通过根据用户的设备或环境调整网站外观来为用户创造最佳体验。
目标是让网站在所有设备上看起来都很好,这需要动态更改,根据设备的屏幕尺寸或方向减少增加的框尺寸和对齐方式。
3. 使用框架有什么好处?
在开发 Web 应用程序时使用框架有很多好处。 主要的如下:
- 使用最佳实践简化开发过程。
- 使用启动项目加快开发速度可以节省时间。
- 使用久经考验的代码。
- 往往能提供更好的 安全.
- 节省成本,尤其是大型项目。
4. 什么是 JavaScript 回调?
JavaScript 回调是应该在另一个函数之后执行的函数。 回调函数的名称和参数可以作为参数传递给第一个函数,此外,第一个函数还可以在内部将参数传递给回调函数,这是其计算的结果。
回调函数最好与必须等待其他函数首先完成执行的异步函数一起使用。
5. 解释 JavaScript 中的本地和全局范围
定义的变量是用文字写的,这些只有在正确的上下文中才有意义。 本地和全局范围是指已定义变量的上下文。 全局变量必须在函数外部定义,而局部变量在函数内部定义。
因此,全局变量具有全局范围,这意味着可以从程序中的任何位置访问它。 但是,局部变量具有局部范围,这意味着它只能从函数内部访问。
6.解释CSS中的Z-Index
z-index 是一个元素属性,用于定义元素的堆栈顺序。 堆叠顺序是指一个元素在其他元素之后或之前的能力,就像一叠纸牌一样。
具有较高堆栈顺序的元素出现在具有较低堆栈顺序的元素之前。 在这种情况下,为元素提供 2 或 100 的堆栈顺序可以保证它将显示在页面上所有其他元素的顶部。 类似地,没有指定堆叠顺序的页面将从源中堆叠底部元素高于顶部元素。
7. HTML 中的 Marquee 是什么?
Marque 是 HTML 中的容器标签,用于显示滚动文本。 它使您可以控制滚动方向以及速度。 然而,在 HTML5 中不推荐使用 Marquee,建议您改用 CSS。
使用选取框滚动的示例:
选框滚动文本
8. 列出减少页面加载时间的主要方法
开发人员可以采取许多步骤来改善页面的加载时间,主要有:
- 优化图像并减小其大小
- 摆脱不必要的小部件
- 将查找减少到最低限度
- 在体面的主机上托管网站
- 使用加速移动页面或 静态网站
- 延迟加载图像
- 缩小你的代码
9. Canvas 和 SVG 有什么区别?
SVG 代表 Scalable Vector Graphics 和标记是用于创建图形的容器元素,例如圆、框、椭圆等。 您可以使用 CSS 或 JavaScript 修改 SVG,并且可扩展意味着它适用于高分辨率输出。
这另一方面,容器是基于栅格的,不可扩展。 它也用于创建图形,但只能由 JavaScript 修改。 不过,它在处理大量对象时效率更高。
10. 怎么做 空 与......不同 未定义?
Null 表示没有值。 它通常用作放置持有者来初始化尚未分配实际值的已定义变量。 另一方面,未定义是指尚未初始化的已定义变量。
在 JavaScript 中:
var变量A;
var 变量 B = null;
警报(变量A); //显示未定义
警报(变量B); //显示空
11. ID 与班级有何不同?
ID 和类是识别和处理 HTML 文档中元素的两种方法。 然而,两者之间的主要区别在于 ID 必须是唯一的。 换句话说,两个元素不能共享同一个 ID,但两个或多个元素可以共享同一个类。
ID 用于处理特定元素,而类用于处理共享一个或多个共同特征的一组元素。
12. 您如何改进网站的安全功能?
您可以采取的几个步骤来提高网站的安全性包括:
- 执行强密码策略。 这意味着检查所选密码是否超过 8 个字符,并且包含数字、特殊字符以及大小写字符。
- 使用验证码或任何反机器人措施。
- 必要时采用两因素或多因素身份验证方法,例如 OTP(一次性密码)和硬件加密狗。
- 使用具有 DDoS 保护和自动备份功能的主机。
13. localStorage 与 sessionStorage 有何不同?
localStorage 和 sessionStorage 系统都允许开发人员在 Web 浏览器中存储数据。 但是,localStorage 是持久的,而 sessionStorage 不是。 换句话说,存储在 localStorage 中的数据将在浏览器上的多个会话中可用,而一旦浏览器选项卡关闭,存储在 sessionStorage 中的数据就会被删除。
14. 列出 HTTP2.0 对 HTTP 1.1 的改进
HTTP/2 协议于 2015 年发布,并提供了重大改进,例如:
- 使用二进制而不是文本更好的安全性。
- 更好的性能。
- 降低延迟。
- 更好的错误处理。
- 降低开销。
15. Git Pull 和 Git Merge 有什么区别?
git pull 命令允许您从远程存储库下载内容,然后使用下载的内容更新您的本地存储库。
另一方面,git merge 命令允许您合并同一分支的两个单独开发的分支。 项目。合并命令必须从要合并到的分支执行,这通常是主分支。
16. GET 与 POST 和 PUT 有何不同?
浏览器使用 HTML GET 方法从服务器请求信息,而 POST 和 PUT 方法用于将信息从浏览器发送到服务器。
但是,虽然 POST 请求可以简单地将数据添加到服务器资源,但 PUT 请求用于使用请求的有效负载完全替换资源。
17. 列出最流行的数据交换格式
以下是迄今为止最流行的数据交换格式:
- XML
- Yaml
- CSV
- JSON
- HTTP
- SQL
18. 列出 3 种类型的弹出框
JavaScript 中的弹出框用于向用户显示消息、请求输入,有时两者兼而有之。 以下是 3 种类型的 JavaScript 弹出窗口:
- 警报框 – 这将显示您的消息以及一个“确定”按钮。
- 确认框 – 此对话框包括可能影响代码的“确定”和“取消”按钮。
- 提示框 – 此框包括一个文本输入框,用于从用户那里收集信息。
19. 命名包含 CSS 代码的不同方式
有 3 种方法可以在 HTML 文档中包含 CSS。 他们是:
- 外部CSS – 您包含一个 .css 文档,使用在文件的里面标签。
- 嵌入式 CSS – 您将 CSS 代码包含在标签,文档中的任何位置。
- 内联CSS – 您在 HTML 标记中使用 style=”CSS-property:value” 对,例如。 广场!
20. 怎么做 窗口加载 与 document.onload 不同?
Window.onload 用于在浏览器加载页面的 DOM 树和其他基础知识(包括图像、CSS 代码和脚本)后执行 JavaScript 代码。
虽然 document.onload 在 DOM 准备好后立即执行,但这可能意味着甚至在加载图像和外部库之前。
21. 如何使用 CSS 隐藏元素?
您可以使用 3 种 CSS 方法隐藏 HTML 元素,它们是:
- 显示:无; – 元素既不渲染也不显示。
- 可见性:隐藏; – 元素被渲染但不显示。
- 位置:绝对; – 元素被渲染和显示,但位于显示区域之外。
22. Ajax 的最佳用途是什么?
Ajax 是一种使用 JavaScript 在后台从服务器加载数据的方法。 它有很多用途,例如数据验证、聊天应用、评论、数据过滤、可视化编辑、投票等。
23.列出CSS3的一些新特性
CSS3 比 CSS2 包含许多现代且有用的特性,例如:
- 框和图像的圆角。
- 对象的动画。
- 声明的变量和函数。
- 用于响应式设计的网格和 Flexbox。
- 背景颜色的渐变。
- 使用 rgba 控制不透明度。
- 框和文本的阴影效果。
- 悬停和关注元素的过渡。
24. HTML5 中引入了哪些新的输入类型?
输入类型是您在 HTML 文档中为输入元素提供的值。
一个例子是:
or
新的 HTML5 输入类型包括:
- 日期
- 颜色
- 电子邮箱
- 搜索
- 电话
- 月
- 数字范围
- 月
- 网址
- 本地日期时间
25. 描述 HTML5 媒体元素
HTML5 包含更多元素标签来处理媒体类型和来源。 他们是:
- – 用于 MP4、WebM 和 Ogg 视频。
- – 以不同格式定义多个来源。
- – 用于 MP3、Ogg 和 WAV 音频。
- – 包含从图片到视频和网页的外部资源的容器。
- – 指定视频的字幕轨道。
结语
在我们列出的 25 个必须知道的 Web 开发人员面试问题列表的末尾,您可以看到要成为一名全栈开发人员需要多种技术组合。
虽然这是一份涉及工作不同方面的指南,但绝不是详尽无遗的。 因此,由您来确定您不清楚的领域然后学习。