【面试题】未完待续
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:站在巨人的肩膀上看世界会清晰)。
如果说方向,当今世人还不清晰准确。那么就大胆往前走吧,对与错并不重要。心中的方向更加重要。