阿里2017实习一面二面

一不小心好像写成日记了【尴尬 |||】

一、简历投递

    哈，本来上学期是意志坚定要走保研的，放假回去和爸妈商量并得到了支持。然而！刚开学就各种实习招聘那叫一个铺天盖地啊，本来只有那么一丢丢试试的心态，但是革命战友们一个二个地来问我投简历没。。。哈哈哈，然后我就很没立场的开始投简历找实习了/(ㄒoㄒ)/~~

    第一次投简历还是很紧张的，幸好内推的学长人很好，陪我聊了好久【保研还是工作】的话题，拜托~你是来招人的啊拜托拜托~
    上课跟大龙同学讨论了简历上应该有哪些内容，回宿舍还借（piao）鉴（qie）了大龙同学美（he）美（he）哒简历模板【网上好看的舍不得买，偷偷说这个模板已经在我的理智营销下广为流传了╮(╯▽╰)╭】，写写写改改改，交了，锵！

    这个粗制滥造版简历筛选过了之后收到了去官网完善简历的邮件，但是据说完善了三天之内要在！线！编！程！~于是过了几天，完善简历之后，在大龙同学的经验分享下过了在线编程测试，因为他告诉我考了什么了，虽然邮件上说每个人的题都不一样，但我还是去写了一个demo，没想到是一样的，于是测试的时候完善了一下demo【面试官看到这个会不会打我/(ㄒoㄒ)/~~】。

二、一面——电话面试

    编程过了才会有一面的啊，所以天天都要去官网看面试状态，一直停留在测试那里，心里炒鸡怕怕。这个过程中某龙同学已经体验了一面，并且透露说跟面试官聊得很愉快，我却越听越怕怕。加上内推群里面的革命同志们天天更新自己面试状态，天天担心自己，我有种【隔岸观火+后知后觉自己身上有团火】的感觉。

    终！于！有！一！天！
    大概测试过了一周了吧，一个北京的电话打过来。上课啥的都不管了，二话不说跑到教室外面接了，跟面试官鸽鸽说是逃课接的电话，就重新约了个晚上的时间。挂了电话回教室，哇整个人都软了，四肢无力拿不起手机，感觉是个 ☞废人☜ 了。

    那天晚上我吃了特别多，啊这不是重点哈~~
    接起电话。

    》》自我介绍一下吧
    >balabala，从躁动不安的大二说起，寒假学了后台开学又转前端啥啥啥，怎么学的，目前为止掌握了哪些技术【HTML，HTML5，CSS，CSS3，JavaScript，jQuery】骗人，学了就是学了，怎么能叫做掌握了呢(⊙o⊙)。


    1、课业基础
    》》操作系统：
    》进程与线程的区别？
    >这个答得挺好hiahiahia
    》chrome浏览器多标签是多进程还是多线程？
    >猜了个多进程，鸽鸽问为什么，我说猜的。然后我问有没有蒙对，他说对了。我说解释一下（是的！我就说的“解释一下”）。然后面试官鸽鸽说chrome是多进程，但IE是多线程，所以IE一个页面崩了的话就唰唰唰全崩。

    》》算法：
    》学过哪些排序算法？
    >快排，冒泡，选择，基数，桶，散列表，哈希，二叉树，堆。
    》冒泡，快排时间复杂度、空间复杂度
    >这个乱猜给猜错了/(ㄒoㄒ)/~~

    》》计算机网络：
    》计算机网络五层模型？
    >从上至下：应用层、传输层、网络层、数据链路层、物理层。
    》每层对应哪些协议？
    》TCP三次握手？为什么是三次，而不是两次或者四次？

     2、技术相关
     》弹性盒模型原理+实现？

     》主流框架知道哪些？
     >不知道，直说不知道，都在看基础。

     》块级元素和行内元素表现的区别，以及对其他元素的影响
     >balabala
     》怎么设置行内元素的高度
     >display：block/inline-block/table-cell
     》还有什么方法吗？
     >不知道了。。

     》doctype头是什么？
     >设置文档渲染模式
     》分别哪几种模式，详细阐述一下
     >说了严格模式【以W3C标准渲染网页】和混杂模式【以浏览器自身的规则渲染】

     》选择器有哪些？
     >通配、ID、类、标签、属性、后代、伪元素、伪类
     》伪类选择器有哪些？
     >link, visited, hover，active，focus，first-child, last-child, nth-child, nth-child(odd/even)...

     》PC端和移动端哪个比较难？对你来说分别难在哪里？
     >PC端兼容难，移动端自适应/响应式
     》IE的bug？
     >说了浮动双边距，解决：设置display:inline
     》响应式怎么做？
     >百分比设置宽度，媒体查询，meta标签

     》CSS3动画？
     >动画：animation与@keyframe绑定
     >过渡：transition
     >2D转换：transform【rotate，translate，scale，skew，matrix】


     》知道哪些长度单位？
     >px, em, rem，百分比
     》还有吗？
     >不知道了
     【查了下：
     1、绝对单位：px；
             1in = 96px;
             1cm = 37.8px;
             1mm = 3.78px;
             1pt = 1/72in;适用于打印
             1pc = 12pt;

    2、相对字体长度单位：
             1em = font-size;相对当前字体大小
             1rem = font-size;相对根元素字体大小
             ex基于当前字体的小写x高度，与font-family有关
             ch基于当前字体的数字0宽度，与font-family有关

    3、可视区百分比单位：
             vw：可视区宽度1%
             vh：可视区高度1%
             vmin：当前vw和vh中较小的值
 】

三、二面——视频面试

万！万！没！想！到！
一面二面是同一个面官/(ㄒoㄒ)/~~
把一面问倒我的问题又问了个遍，因为我又只看了一部分，也没有深入了解，“嘭咚”一声跪了。

以下是除了一面的重复问题之外的。

》写代码
1、快排：我给他讲了原理，说忘了怎么写。。。
2、冒泡：因为不会快排，降级成了冒泡，人生第一次用JavaScript写排序算法。
3、布局：两边定宽中间自适应的布局，两种办法。
    ① 弹性盒模型：乱写了一通；
    ② 浮动+负边距
4、正则：检测"010-123456789"格式的电话号码输入

》性能优化的方法

》同源策略？
>防止跨站攻击
》跨站攻击如何实现？
>注入有害的脚本等
》什么时候涉及安全问题【加载js/css？】
>加载JS会，CSS不涉及
》跨域方法？
>CORS跨域资源共享，JSONP，window.domain，postMessage(),图像ping
》CORS具体怎么实现
>首部中Access-Control-Allow-Origin：【允许跨域访问的白名单】
》comet是。。？
>使用长轮询或http流实现，有websockets和SSE两个接口。
》websockets具体怎么做?
>就知道要支持websockets才行，并且有一套特殊的对象
》服务器端推送方法有哪些?
>SSE

》分别讲讲IE事件流与w3c事件流
>IE事件流只有事件冒泡,w3c事件流是事件捕获+处于目标阶段+事件冒泡
》怎样阻止事件冒泡？
>IE：event.cancelBubble = True， w3c：event.stopPropagation();
》事件委托原理
>解决添加过多事件处理程序的问题，占用内存且回收麻烦。可以在祖先元素上为同一类型的事件绑定一个事件处理程序，在这个事件处理程序中判断事件target进行不同的操作。

面试官人真的很好，跟他聊得挺开心的。不过啊，之前有个同学一面的时候说跟面试官聊得很开心最后跪了，我这次也是聊得挺开心最后跪了，so筒子们，不要因为聊得开心就太期待啊啊啊啊啊。不知道是阿加西还是欧巴，一直说我基础差了要加油，但是努力的精神头还是很不错的哈哈。