供水开发建设公司网站,石家庄求做网站,厦门专业网站建设,wordpress浮动广告划重点 很幸运地能收到网易的面试通知#xff0c;就毫不犹豫去面试了~三点的面试#xff0c;因为从来没去过那个中关村西北旺区#xff0c;吃完饭早早就去了,想象中那里应该是繁华的地方#xff0c;到了发现都在建设中#xff0c;很多还在建设中#xff0c;看到了…划重点 很幸运地能收到网易的面试通知就毫不犹豫去面试了~三点的面试因为从来没去过那个中关村西北旺区吃完饭早早就去了,想象中那里应该是繁华的地方到了发现都在建设中很多还在建设中看到了网易旁边的百度和搜狐都是长长的大楼或者是高高的建筑满满大企业的既视感~一进网易楼就没网 在里面也没事干就呆在外面看看前端的东西准备下到2点40的时候跟前台说了下一个网易年轻姐姐就带我上去了~ 步入正题—笔试 本来我以为只有面试的发现那个姐姐并不是带我去面试的带我去了个房间留了两张题目给我说半小时来说毫无防备接下来步入正题吧~ 1.alert12alert1||0具体我不记得了反正就这两个我以为考的是纯粹的与运算和或运算后来发现太天真了alert(12)的结果是2只要“”前面是false无论“”后面是true还是false结果都将返“”前面的值;只要“”前面是true无论“”后面是true还是false结果都将返“”后面的值;alert(0||1)的结果是只要“||”前面为false,不管“||”后面是true还是false都返回“||”后面的值只要“||”前面为true,不管“||”后面是true还是false都返回“||”前面的值。 2.mouseenter和mouseover的区别这个之前看了下大概是答出来了但可能不够详细吧不论鼠标指针穿过被选元素或其子元素都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被选元素时才会触发 mouseenter 事件。对应mouseleave 3.用正则表达式匹配字符串以字母开头后面是数字、字符串或者下划线长度为9-20看到这题我是崩溃的因为正则学的不多但是稍微写了下也差不多只是忘了些var renew RegExp(^[a-zA-Z][a-zA-Z0-9_]{9,20}$); 4.js字符串两边截取空白的trim的原型方法的实现//我的笨方法当时还想错了一些回来后实现了一下思路是这String.prototype.trim function () { var arrthis.split(); while(1) { if(arr[0] ) { arr.shift(); continue; } break; } while(1){ if(arr[arr.length-1] ) { arr.pop(); continue; } break; } return arr.join(); } //后来面试官跟我说一句话就解决了然而我正则都忘了平时没怎么用 String.prototype.trim function () { return this.replace(/(^s)|(s$)/g,); }; 5.三道判断输出的题都是经典的题 //5.1var a4function b() a3; console.log(a); function a(){}; } b(); //明显输出是3因为里面修改了a这个全局变量那个function a(){}是用来干扰的虽然函数声明会提升就被a给覆盖掉了这是我的理解 //5.2 //不记得具体的就类似如下 var baz3; var bazz{ baz: 2, getbaz: function() { return this.baz } } console.log(bazz.getbaz()) var gbazz.getbaz; console.log(g()) ; //第一个输出是2第二个输出是3这题考察的就是this的指向函数作为对象本身属性调用的时候this指向对象作为普通函数调用的时候就指向全局了 //5.3var arr[1,2,3,4,5]; for(var i0;iarr.length;i) { arr[i]function(){ alert(i) } } arr[3](); //典型的闭包啊看都不用看肯定弹出5啊 6.写出position不同值和区别突然想到还有inherit当时忘记了后来面试的时候又重新问了我一下absolute: 生成绝对定位的元素相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。(不占位)relative: 生成相对定位的元素相对于其正常位置进行定位。因此”left:20” 会向元素的 LEFT 位置添加 20 像素。占位static默认值。没有定位元素出现在正常的流中忽略 top, bottom, left, right 或者 z-index 声明inherit规定应该从父元素继承 position 属性的值。fixed生成绝对定位的元素相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 7.写一个divcss布局左边图片右边文字文字环绕图片外面容器固定宽度文字不固定这是后来根据面试官描述的笔试题上只有图我就不放上来了)这道题我没答好刚开始我不清楚那个文字是要自适应的面试官说用p标签包裹文字我当时就紧张了下把p标签错当成内联了然后我再修正然后加左浮动,然后不行我就跟面试官说我以前都直接就一个img它floatleft加文字不加p标签就好了然后我回来试一试才发现 直接加p标签就可以了啊 omg我的错误 8.讲述你对reflow和repaint的理解这个真不会了没接触第一个我猜是重新布局第二个倒是见过就是重绘就想到document.write(),这个后来也没再问我了查查查repaint就是重绘reflow就是回流。repaint主要是针对某一个DOM元素进行的重绘reflow则是回流针对整个页面的重排严重性在性能优先的前提下性能消耗 reflow大于repaint。 体现repaint是某个DOM元素进行重绘reflow是整个页面进行重排也就是页面所有DOM元素渲染。 如何触发style变动造成repaint和reflow。不涉及任何DOM元素的排版问题的变动为repaint例如元素的color/text-align/text-decoration等等属性的变动。除上面所提到的DOM元素style的修改基本为reflow。例如元素的任何涉及长、宽、行高、边框、display等style的修改。 常见触发场景触发repaint color的修改如color#ddd text-align的修改如text-aligncenter a:hover也会造成重绘 :hover引起的颜色等不导致页面回流的style变动。 触发reflow width/height/border/margin/padding的修改如width778px 动画:hover等伪类引起的元素表现改动displaynone等造成页面回流appendChild等DOM元素操作 font类style的修改 background的修改注意着字面上可能以为是重绘但是浏览器确实回流了经过浏览器厂家的优化部分background的修改只触发repaint当然IE不用考虑 scroll页面这个不可避免 resize页面桌面版本的进行浏览器大小的缩放移动端的话还没玩过能拖动程序resize程序窗口大小的多窗口操作系统。 读取元素的属性这个无法理解但是技术达人是这么说的那就把它当做定理吧读取元素的某些属性offsetLeft、offsetTop、offsetHeight、offsetWidth、scrollTop/Left/Width/Height、clientTop/Left/Width/Height、getComputedStyle()、currentStyle(in IE)) 如何避免尽可能在DOM末梢通过改变class来修改元素的style属性尽可能的减少受影响的DOM元素。 避免设置多项内联样式使用常用的class的方式进行设置样式以避免设置样式时访问DOM的低效率。 设置动画元素position属性为fixed或者absolute由于当前元素从DOM流中独立出来因此受影响的只有当前元素元素repaint。 牺牲平滑度满足性能动画精度太强会造成更多次的repaint/reflow牺牲精度能满足性能的损耗获取性能和平滑度的平衡。 避免使用table进行布局table的每个元素的大小以及内容的改动都会导致整个table进行重新计算造成大幅度的repaint或者reflow。改用div则可以进行针对性的repaint和避免不必要的reflow。 避免在CSS中使用运算式学习CSS的时候就知道这个应该避免不应该加深到这一层再去了解因为这个的后果确实非常严重一旦存在动画性的repaint/reflow那么每一帧动画都会进行计算性能消耗不容小觑。 面试部分 半小时写完笔试后等待面试hh中途遇到了北邮的师兄聊了一些nodejs的东西步入正题面试什么时候开始学前端如何学前端看过谁的博客开始看我的简历问了问项目问webpack/gulp区别问项目如何实现什么的再问了笔试题上面讲过了等等等都问的项目 基本也就这些面试官人挺好的感觉没什么压力~最后也让我过了吧说我还得多去看看基础的东西~确实基础还不够扎实哈不过总的来说这人生第一次面试还挺顺利的说也是运气好吧~希望以后的路能踏实的走下去吧~ 需要的的可以加我qq3252897743领取转载于:https://blog.51cto.com/14334627/2402862
