常见的一些前端面试题(五)

谁借莪１个温暖的怀抱￠ 2022-09-14 03:00 124阅读 0赞

1.  前端页面有哪三层构成，分别是什么?作用是什么? ——————考察网页三层结构

答：

HTML：超文本标记语言 负责网页的结构层

CSS：层叠样式表       负责网页的表现层

JavaScript简称js ,用于网页交互的解释性脚本语言  负责网页行为层

1.  谈谈你对WEB标准以及W3C的理解与认识？ ——————考察WEB标准，w3c

答：

Web标准是我们用来建立web网站的技术的规范，由一系列标准组成，是由标准机构制定的。

结构标准:主要用于对页面进行组织和分类

表现标准：主要用于设计页面的表现效果 如：网页元素的版式，颜色，大小等外观样式，表现标准语言指css

行为标准：主要用于对网页信息的机构和显示进行逻辑控制，实现网页的智能交互（对应javascript）

W3C（万维网联盟）又称W3C理事会，是著名的web标准组织

1.  你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ————考察主流浏览器及其内核

答：IE（IE浏览器）---内核：Trident

Chrome(谷歌浏览器)---内核：Webkit(Blink)

Firefox(火狐浏览器)---内核：Gecko

Safari(苹果浏览器)---内核：Webkit

Opera(欧朋浏览器)

4、什么是语义化标签？

语义化是指用合理的HTML标记以及其特有的属性去格式化文档内容（例如：title、label标签、alt属性的灵活运用）

5、语义化的好处（为什么要语义化）？

1.  在没有css的情况下，页面也能呈现出很好的内容结构
2.  使代码具有可读性，便于团队开发和维护
3.  有利于SEO搜索引擎优化（和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重）
4.  有利于用户体验（例如：title、label标签、alt属性的灵活运用）

6、新增语义化标签

1.  article（文章）、section（节、章节）、nav（导航）、aside（侧边栏）、header（头部）、footer（底部）

7、href和src的区别？

（1）请求资源类型不同

1.  href是Hypetext Reference的缩写，表示超文本引用，用来建立当前元素和文档之间的链接  常用的有：link、a
2.  在请求src资源时会将其所指向的资源下载并应用到文档中 常用的有script、img、iframe

（2）作用结果不同

1.  href用于在当前文档和引用资源之间确立联系
2.  src用于替换当前内容

（3）浏览器解析方式不同

1.  若在浏览器中添加href，浏览器会识别该文档为css文件，就会并行下载资源，并且不会停止对当前文档的处理
2.  当浏览器解析到src会暂停对其他资源的下载和处理，直到该资源加载、编译、执行完毕。图片和框架也是如此，类似于将所指向资源应用到当前内容

8、什么是BFC？

BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式——直译为"块级格式化上下文"。它是一个独立的渲染区域，只有 Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。

9、生成BFC的条件