# 前端面试题 **Repository Path**: emulian/interview_question ## Basic Information - **Project Name**: 前端面试题 - **Description**: 为自己的面试而做准备的题目,包含HTML、CSS、JS、Vue,持续更新中 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-02-14 - **Last Updated**: 2025-02-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### 为自己的面试做亿点点准备 ## HTML ``` 1、对html语义化的理解 2、前端页面有哪三层结构,分别是什么 3、如何实现图片的懒加载 4、什么是严格模式和混杂模式 5、什么是严格模式和混杂模式 6、什么是DOCTYPE,有何作用 6、行级元素和块级元素分别有哪些,怎么转换 7、cookie、loocalStorage、seeisonStorage的区别 8、HTML5有什么新元素和新特性 9、HTML5中怎么使用canvas来绘制图形 10、iframe的优缺点 11、meta viewport的作用是什么,怎么写 12、script、script async和script defer的区别 ``` ## CSS ``` 1、+与~选择器有什么不同 2、块元素有哪些 3、请简介 CSS 的盒模型 4、请简述position的值 5、权重怎么算 6、如何匹配前N个子元素及最后N个子元素 7、如何实现单行省略 8、如何实现多行省略 9、如何实现左右固定,中间自适应布局 10、如何用 css 画一个三角形? 11、什么是媒体查询?js可以做到媒体查询吗? 12、什么是BFC 13、实现水平垂直居中 14、伪元素和伪类有什么区别 15、行元素有哪些 16、隐藏页面中某个元素的几种方法 17、有哪些伪类与伪元素选择器 18、如何实现一个左侧固定 300px,右侧自适应的布局? 19、css加载会阻塞DOM树的解析和渲染吗 20、CSS哪些属性可以继承 21、css有哪些选择器 22、display为inline的元素设置margin和padding会生效吗 23、html的默认display属性是多少 24、PostCSS、Sass、Less的异同,以及使用配置 25、rem、em、vw、vh分别是什么意思 ``` ## JS