2022年FE面试题-面试官 .pdf

《2022年FE面试题-面试官 .pdf》由会员分享，可在线阅读，更多相关《2022年FE面试题-面试官 .pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、多练出技巧巧思出硕果面试题目html css 1. 标签的意义和作用，你平时使用哪种doctype? 2.浏览器的三种工作模式混杂模式接近标准模式标准模式兼容浏览器的措施（向后ie） patMode = CSS1Compat 3.谈下你怎么理解标签语义化？列举一些具有语义化的标签4.列举几个ie6的 bug 5.css清除浮动的方法，原理是什么为什么要清除浮动，父容器高度塌陷，兄弟元素块级会同行显示，内联元素会围绕周围Clear:both 闭合浮动，空div，overflow:hidden, haslayout:1 6.如何理解块级格式化上下文，如何触发？如何理解 ie 的 hasLayout

2、 属性，如何触发？浮动元素， float 除 none 以外的值绝对定位元素，position （absolute ，fixed ）display 为以下其中之一的值inline-blocks ，table-cells ，table-captions overflow 除了visible 以外的值（ hidden ，auto ，scroll ）在 CSS3 中， BFC 叫做Flow Root ，并增加了一些触发条件：display 的 table-caption 值position 的 fixed 值，其实fixed 是 absolute 的一个子类，因此在CSS2.1 中使用这个值也会触发

3、BFC ，只是在CSS3 中更加明确了这一点。7.画出以下三个div 的位置div height:50px; #b position:relative; top:50px; 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 1 页，共 4 页 - - - - - - - - - 多练出技巧巧思出硕果a b c 若#b position:absolute;则又如何？relative 会占位， absolute 不会占位8.实现三栏布局，中间一栏自适应，实现两栏布局，右侧

4、自适应position:absolute js 1.对 js 中 this 的理解全局环境下this？function 中的 this？直接调用function 时，采用new 操作新建一个对象时obj.function 中的 this？前 2 个是 window ，后面一个是新建的这个对象2.封装 js 模块，怎样实现私有变量，不能直接赋值，只能通过公有方法去访问？3.如何理解闭包，闭包的优缺点？缺点需要知道内存泄漏，以及如何避免4.js 如何实现面向对象？js 如何利用原型链实现继承？5.将字符串相邻重复的去重，比如1114433399dddssssdd - 1439dsd，要求写程序和正

5、则两种方法。function removeDub(str) var temp = ,sChar; for (var i = 0; i -1;i-) temp.push(srcString.charAt(i); return temp.join().toString(); 2.js 实现快速排序算法var quickSort = function(arr) if (arr.length = 1) return arr; var pivotIndex = Math.floor(arr.length / 2); var pivot = arr.splice(pivotIndex, 1)0; var

6、left = ; var right = ; for (var i = 0; i arr.length; i+) if (arri pivot) left.push(arri); else right.push(arri); return quickSort(left).concat(pivot, quickSort(right); ; 3.设计模式，观察者模式的具体示例以及类图名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 3 页，共 4 页 - - - - -

7、- - - - 多练出技巧巧思出硕果使用 js 实现的最复杂的功能是什么，怎么实现的，遇到的问题，解决办法Ul 里的 li 拖拽排序实现的描述图片延迟加载将图片 src 置空，放入其他属性如（lazy-src ） 。判断图片的top （ window 的高度+ 滚动高度） ， 将 lazy-src 的内容给 src 取 top 会引起什么？回流如何避免回流带来的性能问题？以图片的容器为单位判断。Js 计算较大整数，如大于2 的 53 次方，失去精度，实现一个精确计数器名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 4 页，共 4 页 - - - - - - - - -