前端面试必备:2018BAT面试题解析
需积分: 9 166 浏览量
更新于2024-07-17
收藏 800KB PDF 举报
"这份2018年的PDF文件聚焦于前端开发者在面试中可能会遇到的问题,主要涵盖了HTML、CSS和浏览器内核等基础知识。"
详细知识点解析:
1. DOCTYPE的作用及其模式:
- DOCTYPE声明是HTML文档的开头部分,它告诉浏览器文档应按照哪种DOCTYPE规范进行解析。
- 严格模式(standards mode)按照W3C的标准执行,确保网页在现代浏览器中的表现一致。
- 混杂模式(quirks mode)是为了兼容旧版浏览器,使网页能正常显示,遵循的是早期浏览器的解析规则。
- 如果DOCTYPE声明缺失或错误,浏览器会默认进入混杂模式。
2. 行内元素与块级元素:
- CSS中的display属性决定元素的类型,例如div是默认的块级元素,span是默认的行内元素。
- 常见的行内元素包括:a, b, span, img, input, select, strong等。
- 常见的块级元素包括:div, ul, ol, li, dl, dt, dd, h1到h6, p等。
- 块级元素通常占据整行,而行内元素则在同一行内并排显示。
3. link与@import的区别:
- link是HTML标签,用于链接外部样式表,同时加载。
- @import是CSS语法,样式表加载在文档加载完成后。
- @import在较旧的IE浏览器中可能不被支持,而link没有兼容性问题。
- link的样式优先级高于@import引入的样式。
4. 浏览器内核:
- Internet Explorer使用Trident内核。
- Mozilla Firefox使用Gecko内核。
- Google Chrome和现在的Opera使用Blink内核(源于WebKit)。
- 早期的Opera使用Presto内核。
5. HTML5的新特性及兼容性处理:
- HTML5新增特性包括:canvas画布、video和audio媒体元素、离线存储(localStorage和sessionStorage)、新的语义化标签(如article, footer, header, nav, section)以及新的表单控件等。
- 浏览器兼容性处理通常通过Modernizr库检测浏览器对HTML5特性的支持,或者使用polyfill(提供不被支持的API的功能模拟)来填补旧浏览器的不足。
- 区分HTML和HTML5,主要看是否使用了HTML5特有的标签(如<header>、<footer>)、API(如localStorage)或doctype声明(`<!DOCTYPE html>`)。
这些内容对于准备前端面试的求职者来说至关重要,理解并掌握这些基本概念和技能将有助于在面试中表现出色。
2024-04-23 上传
2021-12-14 上传
2020-04-03 上传
2021-04-10 上传
2017-02-17 上传
2022-11-30 上传
flz888
- 粉丝: 0
- 资源: 4
最新资源
- 深入浅出:自定义 Grunt 任务的实践指南
- 网络物理突变工具的多点路径规划实现与分析
- multifeed: 实现多作者间的超核心共享与同步技术
- C++商品交易系统实习项目详细要求
- macOS系统Python模块whl包安装教程
- 掌握fullstackJS:构建React框架与快速开发应用
- React-Purify: 实现React组件纯净方法的工具介绍
- deck.js:构建现代HTML演示的JavaScript库
- nunn:现代C++17实现的机器学习库开源项目
- Python安装包 Acquisition-4.12-cp35-cp35m-win_amd64.whl.zip 使用说明
- Amaranthus-tuberculatus基因组分析脚本集
- Ubuntu 12.04下Realtek RTL8821AE驱动的向后移植指南
- 掌握Jest环境下的最新jsdom功能
- CAGI Toolkit:开源Asterisk PBX的AGI应用开发
- MyDropDemo: 体验QGraphicsView的拖放功能
- 远程FPGA平台上的Quartus II17.1 LCD色块闪烁现象解析