1 HTML,CSS面试题：
2 请讲一下HTML5的特点。
3
4 你知道的语义化的标签有哪些？
5
6 CSS3新增了哪些特性？
7
8 请讲一下CSS3动画的优点，你是怎么使用的？
9
10 请讲一下圣杯布局和双飞翼布局。你还知道哪些布局？
11
12 如何写宽高自适应的APP？
13 答案：请访问：前端项目自适应屏幕的技巧
14
15 如何更改input的样式？
16 答案：请访问：更改input的样式
17
18 div+css的布局较table布局有什么优点？
19
20 grid布局有过了解么？
21 答案：CSS新布局之display: grid;详细介绍
22
23 img的alt与title有何异同？strong与em的异同？
24
25 请描述一下渐进增强与优雅降级。
26
27 知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式么？
28
29 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更高的体验。
30 答案：使用精灵图，将小规格的图片整合为一张精灵图，减少浏览器请求次数。
31
32 CSS有哪些选择器？
33 答案：最全CSS知识整理
34
35 CSS中可以通过哪些属性，使得一个DOM元素不显示在浏览器的可视范围内？
36
37 行内元素和块级元素的区别是什么？行内元素的padding和margin可设置么？
38
39 什么是外边距重叠？重叠的结果是什么？
40
41 rgba()和opacity的透明效果有什么不同？
42 答案：opacity透明子元素会跟着透明（继承），rgba()的透明子元素则不会继承。
43
44 请描述display:none；visibility:hidden；opacity:0;三者的区别；
45 答案：最全CSS知识整理
46
47 超链接访问过后hover样式就不出现的问题是什么？怎么解决？
48
49 你知道的css让元素垂直水平居中的方法有哪些？
50 答案：请访问：元素垂直水平居中的方法
51
52 如何垂直居中一个浮动元素？
53 答案：用定位，计算top与left，可以用CSS的函数calc()计算。
54
55 请讲一下px，em的区别。
56 答案：最全CSS知识整理
57
58 SASS和LESS是什么？为什么要使用它们？
59 答案：CSS预处理器，通过编程的方式来开发CSS，可实现代码简写与复用等。
60
61 CSS的link和import的区别是什么？
62 答案：最全CSS知识整理
63
64 请讲一下盒模型。
65
66 BFC是什么？
67
68 html常见兼容性问题。
69
70 对WEB标准以及W3C的理解与认识。
71
72 前端页面有哪三层构成？分别是什么？作用是什么？
73 答案：结构层(HTML - - 设置页面的基本结构)、样式层(CSS - - 修改页面展示给用户的样式加一些小交互)、行为层(JS - - 使用户与页面完美交互)
74
75 CSS选择符有哪些？块级元素有哪些？空元素有哪些？
76 答案：最全CSS知识整理
77
78 CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS新增伪类有哪些？
79 答案链接同上。
80
81 请说出position的属性值有哪些。每个值的特点作用。
82 答案链接同上。
83
84 position和display、margin、collapse、overflow、float这些特性叠加以后会怎么样？
85
86 浏览器标准模式和怪异模式之间的区别是什么？
87
88 display的属性值有哪些？可以做什么？
89 答案链接：最全CSS知识整理
90
91 哪些CSS属性可以继承？
92
93 你开发过程中遇到过最棘手的html与css问题是什么？
94 参考答案：笔者遇到最棘手的是做左侧sidebar导航，具体可看：左侧sidebar和整体分开滚动，并在X轴正常显示二级菜单
JS基础题：
JS的数据类型有哪些？
答案：请访问：JS数据类型详解
如何判断JS变量的数据类型？
typeof()
instanceof
constructor
toString
Object.prototype.toString
关于最重要的Object.prototype.toString请观看：https://blog.csdn.net/weixin_43606158/article/details/93380867
typeof求解的可能值有哪些？
“number”
“string”
“boolean”
“undefined”
“object”
“symbol”
“function”
数据类型的自动转换和隐式转换你知道哪些？
隐式类型转换：
1 == ‘1’
‘1’ + 1
‘1’ - 1
显示类型转换：
parseInt(str,radix)/parseFloat(str,radix)/Number()转变成数字。
Boolean(param)转变成布尔值
subString()转变成字符串
详细关于JS数据类型转换的内容请观看：一篇文章搞懂JS转换规则
5. “ == ” 和 “ === ” 还有 “ != ” 和 “ !== ”的区别？
- “ == ” 和 “ != ”会做数据隐式类型转换，转换完数据类型在做比较。而“ === ” 和 “ !== ”会先判断数据类型，如果俩者的数据类型不一致直接返回false就不会再去做值的比较了。
6. 讲一讲“ || ” 和 “ && ”。
答案：请访问：彻底了解"||“和”&&"
7. “ i++ ” 和 “ ++i ”的区别。
i++是先引用i的值而后将i递增1。
++i是先将i的值加1而后引用它的值。
8. break，renturn，continue三者的区别
答案：return、break与continue的区别
9. 请讲一讲递归。
函数自身调用自身。 详细请看：递归
用递归实现遍历迭代
10. 你知道哪些算法？
答案：请访问：JS算法小总结
11. 你一般如何调试bug？
答案：请访问：前端调试bug的方法
12. 数组的常用API你知道哪些？
答案：请访问：数组的常用API详解
13. 请讲将数组与伪数组的区别。
答案：请访问：伪数组是什么？伪数组与数组的区别
14. 请讲讲你对面向对象编程的理解。
答案：请访问：面向对象编程(OOP)的概念
15. 请讲讲原型链。
答案：JS原型知识整理
16. 请讲讲继承的方法。
答案：JS继承的六种方法
17. 请讲讲JavaScript作用域。
答案：JS作用域与声名提升
18. 请讲讲变量的声明提升
答案：JS作用域与声名提升
19. 创建对象的方法有哪些？
答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
20. 请讲讲ECMAScript的内置对象。
答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
21. Array在ES5新增遍历的API它们每个的用法，返回值，参数。
答案：数组ES5新增遍历迭代的方法及其区别
22. 请讲讲字符串的常用API。
23. ES5/ES6新增的哪些东西是你平时开发中常用到的？
答案：ES5/6新特性
24. 列举浏览器对象模型BOM里常用的至少四个对象，并列举window对象的常用方法至少五个。
答案：BOM内容的小整理
25. 请讲一下你知道的性能优化的方法。
答案：提高JS性能的12个技巧
26. 事件绑定和普通事件有什么区别？
答案：事件绑定和普通事件的区别
27. IE和其他浏览器事件流的区别。
答案：IE浏览器是事件冒泡，其他浏览器是事件捕获（标准DOM事件流）。
28. IE的标准下有哪些兼容性的写法？
29. 请讲一下this的指向问题。
答案：this的指向
30. 更改this指向的方法有哪些？
答案：更改this指向的方法及其区别
31. 请讲一下bind(),call(),apply()三者的区别。
答案链接同上
32. 请讲一下JavaScript的闭包。有什么特点？对页面有什么影响？
答案：JS闭包的理解
33. 事件委派/事件委托是什么？
答案：事件委派的使用及作用
34. 如何阻止事件冒泡和浏览器默认事件？
答案：浏览器事件默认行为介绍与阻止的方法
JS事件流介绍与阻止事件冒泡
35. 添加，删除，替换，插入到某个节点的方法。
DOM知识详细整理
36. document.load和document.ready的区别。
37. 请讲一下JavaScript的同源策略。
答案：JavaScript的同源策略
38. 请说出你知道的跨域的方法有哪些？最常用的是哪个？怎么使用的？
答案：前端跨域的六种解决方法
39. JavaScript是一门什么样的语言？它有哪些特点？
答案：弱类型语言，类型会做隐式转换，作用域，声名提升。。。
40. 希望获取到页面中所有的checkbox怎么做？（不使用第三方框架）
答案：方法很多，笔者随便写一个朋友们可进行参考：document.getElementsByTagName('input').filter(item => //根据getAttribute('type'))的结果去筛选checkbox
41. 正则表达式构造函数var reg = new RegExp(‘xxx’)与正则表达式字面量var reg = /xxx/有什么不同？
42. JavaScript中callee和caller的作用？
43. 简述JavaScript的DOM里document获取节点的方法，并说出对应作用。
44. 简述创建函数的几种方式。
答案：JS函数介绍
45. 把script标签放在body结束标签之前和结束标签之后有什么区别？浏览器会怎么解析它们？
46. 请描述iframe的优缺点。
47. 请谈谈cookie的弊端。
48. 请谈谈localStorage和SessionStorage的区别和特点。
49. JS延迟加载的方式有哪些？
50. 哪些操作会造成内存泄漏？
51. 请说一下JavaScript中的垃圾回收机制。
52. 在js中0.1+0.2等于多少？如何让它得到正确答案？
53. 你用过axios么？
答案：axios的使用
54. async，promise，settimeout的执行顺序
答案：一篇文章彻底搞懂异步，同步，setTimeout，Promise，async
55. 前端开发这么久了你知道哪些常用的网站？
答案：前端开发应知网站
56. 你写过哪些前端工具（功能）函数？
答案：前端开发常用功能函数总结
57.
————————————————
版权声明：本文为CSDN博主「超级吴小迪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43606158/article/details/89811189
1 JS基础题：
2 JS的数据类型有哪些？
3 答案：请访问：JS数据类型详解
4 如何判断JS变量的数据类型？
5 typeof()
6 instanceof
7 constructor
8 toString
9 Object.prototype.toString
10 关于最重要的Object.prototype.toString请观看：https://blog.csdn.net/weixin_43606158/article/details/93380867
11 typeof求解的可能值有哪些？
12 “number”
13 “string”
14 “boolean”
15 “undefined”
16 “object”
17 “symbol”
18 “function”
19 数据类型的自动转换和隐式转换你知道哪些？
20 隐式类型转换：
21 1 == ‘1’
22 ‘1’ + 1
23 ‘1’ - 1
24 显示类型转换：
25 parseInt(str,radix)/parseFloat(str,radix)/Number()转变成数字。
26 Boolean(param)转变成布尔值
27 subString()转变成字符串
28 详细关于JS数据类型转换的内容请观看：一篇文章搞懂JS转换规则
29 5. “ == ” 和 “ === ” 还有 “ != ” 和 “ !== ”的区别？
30 - “ == ” 和 “ != ”会做数据隐式类型转换，转换完数据类型在做比较。而“ === ” 和 “ !== ”会先判断数据类型，如果俩者的数据类型不一致直接返回false就不会再去做值的比较了。
31 6. 讲一讲“ || ” 和 “ && ”。
32 答案：请访问：彻底了解"||“和”&&"
33 7. “ i++ ” 和 “ ++i ”的区别。
34 i++是先引用i的值而后将i递增1。
35 ++i是先将i的值加1而后引用它的值。
36 8. break，renturn，continue三者的区别
37 答案：return、break与continue的区别
38 9. 请讲一讲递归。
39 函数自身调用自身。 详细请看：递归
40 用递归实现遍历迭代
41 10. 你知道哪些算法？
42 答案：请访问：JS算法小总结
43 11. 你一般如何调试bug？
44 答案：请访问：前端调试bug的方法
45 12. 数组的常用API你知道哪些？
46 答案：请访问：数组的常用API详解
47 13. 请讲将数组与伪数组的区别。
48 答案：请访问：伪数组是什么？伪数组与数组的区别
49 14. 请讲讲你对面向对象编程的理解。
50 答案：请访问：面向对象编程(OOP)的概念
51 15. 请讲讲原型链。
52 答案：JS原型知识整理
53 16. 请讲讲继承的方法。
54 答案：JS继承的六种方法
55 17. 请讲讲JavaScript作用域。
56 答案：JS作用域与声名提升
57 18. 请讲讲变量的声明提升
58 答案：JS作用域与声名提升
59 19. 创建对象的方法有哪些？
60 答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
61 20. 请讲讲ECMAScript的内置对象。
62 答案：https://blog.csdn.net/weixin_43606158/article/details/94912023
63 21. Array在ES5新增遍历的API它们每个的用法，返回值，参数。
64 答案：数组ES5新增遍历迭代的方法及其区别
65 22. 请讲讲字符串的常用API。
66 23. ES5/ES6新增的哪些东西是你平时开发中常用到的？
67 答案：ES5/6新特性
68 24. 列举浏览器对象模型BOM里常用的至少四个对象，并列举window对象的常用方法至少五个。
69 答案：BOM内容的小整理
70 25. 请讲一下你知道的性能优化的方法。
71 答案：提高JS性能的12个技巧
72 26. 事件绑定和普通事件有什么区别？
73 答案：事件绑定和普通事件的区别
74 27. IE和其他浏览器事件流的区别。
75 答案：IE浏览器是事件冒泡，其他浏览器是事件捕获（标准DOM事件流）。
76 28. IE的标准下有哪些兼容性的写法？
77 29. 请讲一下this的指向问题。
78 答案：this的指向
79 30. 更改this指向的方法有哪些？
80 答案：更改this指向的方法及其区别
81 31. 请讲一下bind(),call(),apply()三者的区别。
82 答案链接同上
83 32. 请讲一下JavaScript的闭包。有什么特点？对页面有什么影响？
84 答案：JS闭包的理解
85 33. 事件委派/事件委托是什么？
86 答案：事件委派的使用及作用
87 34. 如何阻止事件冒泡和浏览器默认事件？
88 答案：浏览器事件默认行为介绍与阻止的方法
89 JS事件流介绍与阻止事件冒泡
90 35. 添加，删除，替换，插入到某个节点的方法。
91 DOM知识详细整理
92 36. document.load和document.ready的区别。
93 37. 请讲一下JavaScript的同源策略。
94 答案：JavaScript的同源策略
95 38. 请说出你知道的跨域的方法有哪些？最常用的是哪个？怎么使用的？
96 答案：前端跨域的六种解决方法
97 39. JavaScript是一门什么样的语言？它有哪些特点？
98 答案：弱类型语言，类型会做隐式转换，作用域，声名提升。。。
99 40. 希望获取到页面中所有的checkbox怎么做？（不使用第三方框架）
100 答案：方法很多，笔者随便写一个朋友们可进行参考：document.getElementsByTagName('input').filter(item => //根据getAttribute('type'))的结果去筛选checkbox
101 41. 正则表达式构造函数var reg = new RegExp(‘xxx’)与正则表达式字面量var reg = /xxx/有什么不同？
102 42. JavaScript中callee和caller的作用？
103 43. 简述JavaScript的DOM里document获取节点的方法，并说出对应作用。
104 44. 简述创建函数的几种方式。
105 答案：JS函数介绍
106 45. 把script标签放在body结束标签之前和结束标签之后有什么区别？浏览器会怎么解析它们？
107 46. 请描述iframe的优缺点。
108 47. 请谈谈cookie的弊端。
109 48. 请谈谈localStorage和SessionStorage的区别和特点。
110 49. JS延迟加载的方式有哪些？
111 50. 哪些操作会造成内存泄漏？
112 51. 请说一下JavaScript中的垃圾回收机制。
113 52. 在js中0.1+0.2等于多少？如何让它得到正确答案？
114 53. 你用过axios么？
115 答案：axios的使用
116 54. async，promise，settimeout的执行顺序
117 答案：一篇文章彻底搞懂异步，同步，setTimeout，Promise，async
118 55. 前端开发这么久了你知道哪些常用的网站？
119 答案：前端开发应知网站
120 56. 你写过哪些前端工具（功能）函数？
121 答案：前端开发常用功能函数总结
122 57.
1、路在何方？
路在脚下
2、何去何从？
每个人都在探索，未来的方向在何处。如果说某些方向是世人已经公认的，那么就先按照公认的去走吧（ps:站在巨人的肩膀上看世界会清晰）。
如果说方向，当今世人还不清晰准确。那么就大胆往前走吧，对与错并不重要。心中的方向更加重要。