我的前端实习生面经

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、还有什么想问的