我的前端实习生面经

emmm截止3月27日,我接到过两个电话,也是唯一的两个电话,网易

网易一面    2018年3月16日

1、自我介绍(自行脑补)
2、项目介绍(自行脑补)
3、技术栈(根据项目去说)

4、有没有用到vue框架

        没有用到过但是了解过一些基本的理论知识,见VUE基本知识

5、盒子模型

      在IE下:默认为(content+padding+border)

      在W3C标准下:默认为(content)    边框盒模型(content+padding+border)

6、position属性

        relative:相对定位,相对于自身原来的位置定位.

        absolute:绝对定位,相对于第一个父级有定位(不是static)的元素进行定位  否则为相对于浏览器窗口。

                (1)盒子的绝对定位以最近的一个已定位的父级元素为基准;如果父级元素没有定位或没有父级元素,则以浏览器窗口为基准。

                (2)绝对定位的盒子会脱离标准文档流,不影响同一级的盒子元素位置。

        fixed:固定定位,相对于浏览器窗口定位。

        static:是position属性的默认值,表示块状元素保持在标准文档流中原有的位置,不做任何移动。就是按正常的布局流从上到下从左到右布局。

        inherit:继承父元素的position属性

        sticky:粘性定位,一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位,适用于一些特殊场景。

                元素先按照普通文档流定位,然后相对于该元素在流中的 flow root(BFC)和 containing block(最近的块级祖先元素)定位。而后,元位                   素表现为在跨越特定阈值前为相对定位,之后为固定定位。

                这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生                     效。否则其行为与相对定位相同。

7、display属性

            inline:行内元素;

            block:块元素;

            inline-block:内联块

            table:以表格形式类似于table

            table-row:类似于表格的行tr

            table-cell:类似于表格的列td

            none:隐藏

    (1).block元素 

        block元素有以下几个特点:

            1、独占一行,排斥其他元素跟其位于同一行,包括块元素和行内元素。

            2、 块元素内部可以容纳其他块元素或行内元素。

            3、 可以定义宽度(width),也可以定义高度(height).

            4、 可以定义四个方向的margin

    (2).inline元素 

        inline元素有以下几个特点:

            1、可以与其他行内元素位于同一行

            2、行内元素内部可以容纳其他行内元素,但是不可以容纳块元素,这不符合w3c规范。

            3、无法定义高度(height)和宽度(width)。

            4、可以定义margin-left和margin-right,无法定义margin-top和margin-bottom

     (3).inline-block元素 

        在css中,我们可以使用“display:inline-block”来将元素转换为行内块元素,行内块元素具有以下两个特点:

            1、可以定义width和heigh。

            2、可以与其他行内元素位于同一行。

            也就是说inline-block元素既具备块元素的特点,也具备行内元素的特点,在html中,常见的inline-block元素有两个:img元素和input元素,对于这               两个inline-block元素,一定要牢记于心。 

8、如何隐藏一个元素,用js如何显示和隐藏一个元素

            display:none;  不占位置;会引起重排重绘;点击事件失效;

            visibility:hidden;占位置;引起重绘;点击事件失效;

            opacity:0; 占位置;点击事件没有失效;

            js:$('#box1').toggle ( ) 在西安市和隐藏之间切换

                  $('#box2').hide ( ) 隐藏 

                  $('#box3').show ( ) 显示

9、原型链以及应用

            我的理解原型链:每一个构造函数都有prototype,每一个对象都有__proto____proto__指向对象的prototype,在js中万物皆对象,就会形成一条由__proto__连起来的链,并且最终都指向null.
            应用:js中的继承是通过原型链 __proto__来实现的,对象与对象以及原型prototype(也是对象)就是通过__proto__原型链来链接的,

10、闭包问题

        闭包:就是可以访问其他作用域中变量的函数

        垃圾回收机制吧啦吧啦以及垃圾回收的优化:分带回收(临时存储和永久存储);增加GC(多增加一些GC)

11、垃圾回收机制

12、DOM

       DOM和BOM

13、vue双向绑定、生命周期

        点击打开链接

14、了解后台吗

15、深复制浅复制、以及深复制代码

        点击打开链接

16、还有什么想问的

猜你喜欢

转载自blog.csdn.net/weixin_41143293/article/details/79792560