面试官常问的web前端问题大全

2023-12-14css教程
11

Web前端面试官常问问题大全

Web前端是目前应用最广泛的技术领域之一,随着市场对前端人才的需求不断增长,前端开发岗位的竞争也愈发激烈。因此,在Web前端的面试中,常会被问到一些有关Web前端的基础概念、技术体系和前端开发实战等问题。以下是一些常被Web前端面试官问到的问题:

前端基础

1. HTML 和 XHTML 有什么区别?

HTML和XHTML都是用于Web开发的标记语言,它们的主要区别在于对标记语言的严格性要求不同,XHTML比HTML更严格。

HTML的语法相对来说比较宽松,可以允许某些语法错误。但是,XHTML的语法则非常严格,每个元素都需要正确闭合,所有的标记都必须用小写字母表示等。

示例

以下代码片段是HTML和XHTML之间的不同之处:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML vs XHTML</title>
  </head>
  <body>
    <p>HTML和XHTML的区别在于语法的严格程度。</p>
  </body>
</html>

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>HTML vs XHTML</title>
  </head>
  <body>
    <p>HTML和XHTML的区别在于语法的严格程度。</p>
  </body>
</html>

2. 请描述浏览器的 "同源策略" 是什么。

同源策略是浏览器一个重要的安全策略,它限制了一个页面中的脚本只能访问与本页面源相同的文档和数据。

同源是指协议、域名和端口都相同。如果任意一个不相同,都会被视为跨域请求,浏览器会禁止这类请求,从而避免恶意脚本的攻击。

示例

以下代码演示了同源机制的例子:

// 该脚本中的A站点的cookie不能被读取
document.cookie = "access_token=mytoken; domain=a.com;";

// 该脚本中的B站点的cookie可以被读取
var cookie = document.cookie;

在上述代码中,脚本中的A站点的cookie虽然可以成功地设置,但是B站点的脚本是无法读取这个cookie的,因为A站点和B站点不是同源。这也就意味着,即使有人在B站点的脚本中植入了恶意代码,也不能窃取到A站点的cookie信息,保障了用户的信息安全。

The End

相关推荐

背景图片自适应浏览器分辨率大小并自动拉伸全屏代码
下面是“背景图片自适应浏览器分辨率大小并自动拉伸全屏”的完整攻略。...
2023-12-15 css教程
367

简单但很实用的5个css属性
下面是详细讲解“简单但很实用的5个CSS属性”的完整攻略:...
2023-12-15 css教程
34

我的css框架——base.css(重设浏览器默认样式)
第一步:创建项目文件夹...
2023-12-15 css教程
195

兼做美工之导航条制作过程分享
以下是兼做美工之导航条制作过程分享的完整攻略:...
2023-12-15 css教程
15

JS 控制CSS样式表
JS 控制 CSS 样式表的方式主要有两种:通过修改样式属性来修改元素样式,以及通过切换 CSS 类名来切换元素样式。下面分别给出具体的步骤和示例说明。...
2023-12-15 css教程
25

Html5实现首页动态视频背景的示例代码
实现首页动态视频背景,可以使用HTML5的video标签,下面是具体的示例代码和操作步骤:...
2023-12-15 css教程
397