前端面试题

前端每日积累

HTML
1. 标签上title属性与alt属性的区别是什么？

alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。

title属性为设置该属性的元素提供建议性的信息。

2. 分别写出以下几个HTML标签：文字加粗、下标、居中、字体

加粗：<b>、<strong>
下标：<sub>
居中：<center>
字体：<font>、<basefont>

3. 请写出至少5个html5新增的标签，并说明其语义和应用场景

section：定义文档中的一个章节

nav：定义只包含导航链接的章节

header：定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。

footer：定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈
建议用的地址。

aside：定义和页面内容关联度较低的内容，如果被删除，剩下的内容仍然很合理。

4. 请说说你对标签语义化的理解？

1. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构

2. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫
依赖于标签来确定上下文和各个关键字的权重；

4. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来
渲染网页；

6. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标
. 准，可以减少差异化。

**SEO扩展** 
SEO其实就是搜索引擎优化，是一种通过特定的方法优化自己网站的自然搜索
排名的方法，也就是为了使网站更容易被搜索引擎所接受。

更深的理解是：通过seo优化，这种无需付费的基础营销方式，使自己的网站从
同类网站中脱颖而出。从而获得品牌收益。

SEO可分为两类：站外SEO和站内SEO。

5 HTML与XHTML——二者有什么区别

    1. XHTML 元素必须被正确地嵌套。
    
    2. XHTML 元素必须被关闭。
    
    3. 标签名必须用小写字母。
    
    4  XHTML 文档必须拥有根元素。

6.iframe的优缺点？

**优点**：

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. iframe无刷新文件上传

c. iframe跨域通信

**缺点**：

a. iframe会阻塞主页面的Onload事件

b. 无法被一些搜索引擎索引到

c. 页面会增加服务器的http请求

d. 会产生很多页面，不容易管理。

7.生命周期函数：

   beforeCreate ：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
   
   created：  在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data   observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
   
   beforeMount： 在挂载开始之前被调用：相关的 render 函数首次被调用。
   
   mounted： el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。
   
   beforeUpdate：  数据更新时调用，发生在虚拟 DOM 打补丁之前。
   
   updated： 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子
   beforeDestroy： 实例销毁之前调用。在这一步，实例仍然完全可用。
   
   destroyed： Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。

8 .