前端基础知识

HTML 基础

1. DOCTYPE 的作用是什么？

声明文档类型，告诉浏览器使用哪种 HTML 版本解析页面
确保浏览器以标准模式渲染页面，避免怪异模式
对于 HTML5，使用 <!DOCTYPE html> 即可

2. 语义化标签有哪些？为什么要使用语义化标签？

常见语义化标签：<header>, <nav>, <main>, <article>, <section>, <aside>, <footer>
优点：提高代码可读性、有利于SEO、便于屏幕阅读器等辅助技术识别

3. 什么是HTML5的data属性？如何使用？

data-* 属性用于存储自定义数据
可以通过 element.dataset 或 getAttribute() 获取
适用于存储与元素相关但不影响布局和样式的数据

加载中...

CSS 基础

1. CSS 选择器的优先级是如何计算的？

内联样式：1000
ID选择器：100
类选择器、属性选择器、伪类：10
标签选择器、伪元素：1
通用选择器：0
优先级相同时，后声明的样式会覆盖先声明的

2. 什么是盒模型？标准盒模型和IE盒模型有什么区别？

标准盒模型：width/height 仅包括内容区域
IE盒模型：width/height 包括内容、内边距和边框
可以通过 box-sizing 属性切换盒模型

3. CSS 定位方式有哪些？它们的区别是什么？

static：默认定位，按照文档流排列
relative：相对定位，相对于自身原有位置偏移
absolute：绝对定位，相对于最近的已定位祖先元素
fixed：固定定位，相对于浏览器窗口
sticky：粘性定位，结合了relative和fixed的特点

加载中...

JavaScript 基础

1. JavaScript 的数据类型有哪些？

基本数据类型：Number, String, Boolean, Null, Undefined, Symbol, BigInt
引用数据类型：Object (包括 Array, Function, Date 等)

2. 如何判断一个变量的数据类型？

typeof 操作符：适用于基本数据类型
instanceof 操作符：适用于引用数据类型
Object.prototype.toString.call()：适用于所有数据类型

3. 什么是闭包？闭包有什么优缺点？

闭包是指有权访问另一个函数作用域中变量的函数
优点：可以创建私有变量、延长变量生命周期
缺点：可能导致内存泄漏

加载中...