📅 最后修改于: 2023-12-03 14:44:57.253000 🧑 作者: Mango
作为大学生即将进入职场，面试是必不可少的环节。我在一家初创企业的前端开发岗位面试过程中，也发现面试往往比自己想象中的难，需要提前准备一些知识点及技巧。
以下为我在此次面试中出现的问题和答题思路，希望对大家有所帮助。
什么是 DOCTYPE？举例说明 。
DOCTYPE是文档类型声明，指定网页使用的HTML或XML的类型。举例：HTML5的DOCTYPE为: <!DOCTYPE html>
HTML语义化的作用是什么？
HTML语义化是指用恰当的标签描述HTML文档的内容结构，此做法有三个好处：提供精确的上下文信息，使浏览器、搜索引擎更好地解析；易读性更高，符合开发者的阅读习惯；同时也便于CSS样式的编写与JavaScript交互。
常见的块元素和行元素有哪些？
常见的块元素有：div、ul、li、h1-h6、p等。常见的行元素有：span、a、img、input、label、strong等。
如何居中一个元素？
有多种方法可以居中一个元素，例如：使用text-align:center;属性居中行内元素；使用margin:auto;属性居中块级元素；使用绝对定位或固定定位
请简述什么是响应式设计？
响应式设计是指为了适应不同的屏幕尺寸和分辨率，而设计的能够自适应不同设备的页面。其原理是通过对CSS媒体查询（@media screen and (max-width:700px)）进行针对性样式编写，根据不同屏幕尺寸设备提供不同视觉体验的网页设计模式。
什么是 CSS 中的盒模型？
盒模型指的是HTML元素形成的盒状结构，由四部分组成：内边距(padding)、边框(border)、外边距(margin)和内容(content)。可以使用box-sizing:border-box;属性将盒模型改为浏览器兼容的宽度计算方式。
什么是作用域？
作用域是指变量作用的范围，可分为全局作用域、函数作用域、块作用域等等。 变量可以根据定义的位置和使用方式来判断其所在作用域。在 JavaScript 中，作用域由函数和代码块形成。
在 JavaScript 中，如何操作DOM元素？
使用document.querySelector() 和 document.querySelectorAll()方法从 DOM 中获取元素。可以使用.textContent获取和设置元素的文本内容，原始的 DOM API 和类库比如 jQuery / MooTools / prototype.js，都提供比较简单的 API 来完成对元素和文档的操纵。
什么是闭包？请举例说明。
闭包是指函数可以“记忆”它被定义时的环境变量。闭包可以读取函数内部的变量，并将该变量的值一直保存在记忆中，直到该函数被垃圾回收清除。例如：
function outer() {
var x = 1;
function inner() {
console.log(x);
}
return inner;
}
var inner = outer();
inner(); //1
以上内容仅为本次面试中的部分问题，但是都是我们前端工程师常会接触的问题。作为一名前端开发者，应该对 HTML、CSS、JavaScript 等这些基础知识有深厚的了解和理解，如此才能更好的应对各类新技术和场景，在求职和工作中都能够有更好的表现。
以上是我在 Oracle 面试中的体验和总结。