前端技术面试题(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

📁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

📁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

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

❓ 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

❓ ES6的了解 #98

❓ 快速 排序的思想并实现一个快排? #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

📁 网站及优化

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

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

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

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

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

❓ 网站重构的理解?#66

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

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

📁 网络及安全

❓ 前端安全问题?#53

❓ sql注入原理 #94

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

📁 存储

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

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

📁 其他面经库

JavaScript 教程

前端面试经典题目合集

yygmind/blog

markyun/My-blog

javascript-questions

送你43道JavaScript面试题