前端面试题每日一学_1

今日一问：

下面的JS代码中，执行结果为object的选项是 ()

A、typeof [];
B、typeof '{}';
C、typeof null;
D、typeof undefined;

​ 答案和解析可在文章底部查看。

今日面试题：

1、前端SEO优化的方法有哪些？

① 设置合理准确的title、description、keywords

​ 搜索引擎对这三个属性的权重从前往后逐个减小。title负责强调重点信息，重点关键词要靠前，且出现次数不要超过两次，不同页面的title要有所区别。description负责高度概括页面内容，长度要适中，不要过多堆叠内容。keywords负责列举页面的重要关键词，重要的关键词放在前面，注意长度，不可过长。

② 多使用符合W3C规范的语义化的HTML标签

​ 语义化标签代码可以让搜索引擎更容易理解网页内容。

③ 将重要的HTML代码放到上面

​ 搜索引擎是按照从上到下的顺序抓取HTML，但搜索引擎对抓取的长度有限制，因此最好将重要的HTML代码放到上面，保证其能被搜索引擎抓取到。

④ 重要内容不要使用JS生成

​ 搜索引擎爬虫不会执行JS，也就无法获取到生成的内容。

⑤ 减少iframe的使用

​ 搜索引擎不会抓取iframe中的内容。

⑥ 非装饰性图片根据内容设置相应的alt属性

​ 搜索引擎爬虫无法直接“看到”图片，但可以读取alt属性中的文本，从而更好地理解网页内容，从而提高网页在搜索引擎中的排名。

⑦ 提高网站加载速度

​ 网站加载速度是搜索引擎排序的一个重要指标。

2、<img>标签的title和alt属性的区别是什么？

① title属性是在鼠标悬浮在元素上的时候显示的文本信息

​ 多用于为图片提供更多的上下文或补充信息，但不应依赖于它来传达重要信息，因为并不是所有用户都会看到这些文本信息。对SEO的影响较小，主要用于提升用户体验。

② alt属性是图片的替代文本

​ 当图片无法加载时，这段文本会显示在图片的位置，帮助用户理解图片信息，通常用于非装饰性图片。对SEO影响较大，因为该属性可以帮助SEO理解图片内容。

3、HTTP常见的请求方法有哪些？

① GET 方法

​ 请求参数通常以URL传递，常用于从服务器获取资源。

② POST 方法

​ 请求参数通常以请求体传递，常用于向服务器提交数据，例如：表单提交、上传文件。

③ PUT 方法

​ 请求参数通常以请求体传递，常用于更新服务器指定资源。

④ DELETE 方法

​ 请求参数通常以URL传递，常用于删除服务器上指定资源。

⑤ HEAD 方法

​ 获取请求资源的的头部信息，不包含资源的主体部分。

⑥ OPTIONS 方法

​ 获取当前URL所支持的请求方法，如果请求成功，则返回值中会有一个Allow的HTTP头部信息，其中列出了当前URL支持的HTTP请求方法，例如：Allow: GET, POST, PUT, DELETE, OPTIONS。

⑦ TRACE 方法

​ 用于激发一个远程的、应用层的请求消息回路，常用于调试和诊断。

⑧ CONNECT 方法

​ 用于将请求链接转换为透明的TCP/IP通道，常用于HTTPS。

今日一题答案：AC

解析：

A、typeof [];

• [] 是一个空数组。在JS中，数组是对象的一种，因此 typeof [] 的结果是 "object"。

B、typeof '{}';：

• '{}' 被引号包围，虽然内容是一个空对象{}，但其类型仍为字符串。因此typeof '{}' 的结果是 "string"。

C、typeof null;：

• null 是一个特殊的值，表示“空”或“无值”。由于JS的历史遗留问题，虽然 null 并不是一个对象，但 typeof null 返回 "object"。

D、typeof undefined;

• undefined 是JS的一个原始类型，表示未定义。因此typeof undefind 的结果是 "undefined"。

请关注公众号，查看更多优质资源: