前端技术面试题(Web QA)

提示

题目源自网络。答案仅是个人见解,欢迎斧正。

📁HTMl

❓ html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?#27

❓ iframe的优缺点?#28

❓ HTML与XHTML——二者有什么区别 #21

❓ 你知道多少种Doctype文档类型? #20

❓ Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? #19

❓ 说说你对语义化的理解?#18

❓ 对<meta></meta>标签有什么理解 #86

❓ 关于SVG,内联SVG标签与Image标签引入SVG有何区别?#107

❓ Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? #118

📁CSS

❓ IE 8以下版本的浏览器中的盒模型有什么不同 #25

❓ 浮动元素引起的问题和解决办法?#24

❓ 解释下浮动和它的工作原理?清除浮动的技巧 #23

❓ 常见兼容性问题? #22

❓ 为什么要初始化CSS样式。#15

❓ CSS3有哪些新特性?#14

❓ 列出display的值,说明他们的作用。position的值, relative和absolute分别是相对于谁进行定位的?#13

❓ CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?#12

❓ 介绍一下CSS的盒子模型?#11

❓ position的absolute与fixed共同点与不同点 #10

❓ display:none和visibility:hidden的区别?#8

❓ 解释下 CSS sprites,以及你要如何在页面或网站中使用它。 #17

❓ 对BFC规范的理解?#16

❓ CSS样式覆盖规则 #80

❓ CSS3新增了很多的属性,下面一起来分析一下新增的一些属性 #84

❓ 阐述清除浮动的几种方式(常见问题)#72

❓ 写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适应宽,要求先加载中间块,请写出结构及样式:#71

❓ 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现#70

❓ 分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景#134

❓ css sprite 是什么,有什么优缺点#135

❓ link与@import的区别#136

❓ display: block;和display: inline;的区别#137

❓ 容器包含若干浮动元素时如何清理浮动#138

❓ PNG,GIF,JPG 的区别及如何选#139

❓ display,float,position 的关系#140

❓ 如何水平居中一个元素#141

📁JS

❓Javascript有哪七种内置数据类型?#1

null、undefined、boolean、number、string、object、symbol

❓对于这些类型的判断,常用的方法有哪些?#2

typeof、instanceof、Object.prototype.toString、constructor

❓全局环境下的this、箭头函数的this、构造函数的this等各是什么?一句话阐明。#3

谁调用它,this就指向谁。

❓目前各大浏览器较新版本都开始支持ES模块了,如果要在浏览器中使用原生ES模块方案,需要在什么标签上添加什么属性?#4

只需要在script标签上添加type="module"属性就可以了。

❓ Js数组的拷贝 #5

❓ JavaScript中的浅拷贝与深拷贝 #108

❓ JS 科学计数法转换为正常数值 #6

❓ DOM操作——怎样添加、移除、移动、复制、创建和查找节点。#26

❓ 异步加载和延迟加载 #52

❓ ajax过程 javascript #51

❓ javascript继承的6种方法 #50

❓ javascript对象的几种创建方式 #49

❓ 性能优化的方法? #46

❓ 对Node的优点和缺点提出了自己的看法? #45

❓ 什么叫优雅降级和渐进增强? #44

❓ 如何判断当前脚本运行在浏览器还是node环境中? #43

❓ JavaScript中的作用域与变量声明提升? #42

❓ 哪些操作会造成内存泄漏? #41

❓ .call() 和 .apply() 的区别和作用? #40

❓ documen.write和 innerHTML的区别 #39

❓ 如何解决跨域问题? #38

❓ js延迟加载的方式有哪些? #37

❓ new操作符具体干了什么呢? #36

❓ null和undefined的区别? #35

❓ 线程与进程的区别 #31

❓ bootstrap响应式实现的原理 #78

❓ px和em的区别 #77

❓ http 和 https 有何区别?如何灵活使用?#76

❓ Javascript中的定时器有哪些?他们的区别及用法是什么?#74

❓ 拖拽会用到哪些事件#73

❓ js操作获取和设置cookie#69

❓ js数组去重#68

❓ 如何获取UA?#67

❓ js对象的深度克隆 #65

❓ ajax 是什么?ajax 的交互模型?同步和异步的区别?如何解决跨域问题? #64

❓ ​js异步执行的四种方式 #106

❓ IE与火狐的事件机制有什么区别? 如何阻止冒泡?#63

❓ JavaScript原型,原型链 ? 有什么特点?#62

❓ 写一个通用的事件侦听器函数?#61

❓ eval是做什么的?#60

❓ 哪些地方会出现css阻塞,哪些地方会出现js阻塞?#59

❓ GET和POST的区别,何时使用POST?#58

❓ 为什么要有同源限制?#57

❓ 请解释一下 JavaScript 的同源策略。#56

❓ Flash、Ajax各自的优缺点,在使用中如何取舍?#55

❓ javascript里面的继承怎么实现,如何避免原型链上面的对象共享 #54

❓ attribute和property的区别是什么 #102

❓ 编写一个方法求一个字符串的字节长度 #101

❓ 实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制 #100

❓ defer和async #99

❓ setTimeout、Promise、Async/Await 的区别 #115

❓ 快速 排序的思想并实现一个快排? #97

❓ 栈和堆的区别? #96

❓ 栈和队列的区别? #95

❓ TCP和UDP的区别 #93

❓ 说说TCP传输的三次握手四次挥手策略 #92

❓ XML和JSON的区别? #91

❓ jquery中.get()提交和​.post()提交有区别吗? #90

❓ $(document).ready()方法和window.onload有什么区别? #89

❓ 判断一个字符串中出现次数最多的字符,统计这个次数 #88

❓ JavaScript中如何检测一个变量是一个String类型?请写出函数实现 #87

❓ jQuery的事件委托方法bind 、live、delegate、on之间有什么区别? #83

❓ 请解释JSONP的工作原理,以及它为什么不是真正的AJAX。 #82

❓ 什么是闭包,如何使用它,为什么要使用它? #81

❓ 关于JS事件冒泡与JS事件代理(事件委托) #79

❓ SERVLET API中forward() 与redirect()的区别?#104

❓ javascript 一个复杂的对象,怎么通过value获取到key #109

❓ 什么是防抖和节流?有什么区别?如何实现? #110

❓ get请求传参长度的误区、get和post请求在缓存方面的区别 #111

❓ 定时器的执行顺序或机制? #116

❓ ['1','2','3'].map(parseInt) 输出什么,为什么? #117

❓ fetch发送2次请求的原因 #119

❓ var与let区别 #142

📁 模块化&ES5、ES6

❓ ES6的了解 #98

❓ 模块化发展历程 #112

❓ ES5的继承和ES6的继承有什么区别? #114

📁 node.js

❓ npm 模块安装机制,为什么输入 npm install 就可以自动安装对应的模块? #113

📁 react、Vue

❓ 写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么? #131

❓ React 中 setState 什么时候是同步的,什么时候是异步的?#132

❓ 为什么虚拟dom会提高性能?#133

📁 http、浏览器对象

❓ HTTPS 握手过程中,客户端如何验证证书的合法性 #120

❓ TCP三次握手和四次挥手 #121

❓ img iframe script 来发送跨域请求有什么优缺点? #122

❓ http和https的区别? #123

❓ 什么是Bom?有哪些常用的Bom属性? #124

❓ 请描述一下 cookies sessionStorage和localstorage区别 #75

❓ Cookie、sessionStorage、localStorage的区别 #125

❓ Cookie如何防范XSS攻击 #126

❓ 浏览器和 Node 事件循环的区别? #127

❓ 简述HTTPS中间人攻击 #128

❓ 你了解的浏览器的重绘和回流导致的性能问题 #130

📁 网站及优化

❓ 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC? #34

❓ 请说出三种减少页面加载时间的方法。 #33

❓ 如何对网站的文件和资源进行优化? #32

❓ webSocket如何兼容低浏览器? #30

❓ 从输入url到显示页面,都经历了什么 #85

❓ 网站重构的理解?#66

❓ 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么? #48

❓ http状态码有那些?分别代表是什么意思? #47

❓ 说几条web前端优化策略 #129

📁 网络及安全

❓ 前端安全问题?#53

❓ sql注入原理 #94

❓ 说说网络分层里七层模型是哪七层 #103

📁 存储

❓ 谈谈Cookie的优点和弊端 #7

❓ 如何实现浏览器内多个标签页之间的通信? #29

📁 其他面经库

  • markyun/My-blog
  • javascript-questions
  • 前端面试每日 3+1(每日三问)haizlin/fe-interview