【面试题】未完待续

 

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.