时间：2017年11月16日
地点：深圳市福田区泰然九路1号天地源盛唐大厦
公司：Galaxy Immigration有限公司
经过
和面试官约了上午十点开始面试，提前半个小时到达公司办公地点，在前台那里登记姓名，接着填了一张双面的表格，用了近半个小时。里面有两个问题印象挺深刻的，因为不知道怎么去描述，问题是这样的：
1、在工作上做的最成功的一件事是什么？
2、在工作上做的最失败的一件事是什么？
当时看到就懵了，不知道如何去描述，毕竟之前并没有太长时间的实习经历。就大概写了几句话，都是模模糊糊的，成功的事比如善于沟通，和同事相处融洽、失败的事比如开始经验不足，需求分析错误，导致同事加班什么的。
接着十点钟后前台拿了一份笔试题让我来做，题目如下：
1、前端分为哪三层，对应的作用是什么？
2、em和rem的区别在哪里？
3、块状元素、行内元素、块状行内元素有哪些，特性分别是什么？
4、如何利用CSS让文字垂直居中或者水平居中？
5、JavaScript对数组的操作的方法有哪些？
6、TCP和UDP的区别是什么？
7、一道同步与异步的编程题，计算结果
笔试题难度不大，几乎能够一气呵成，唯一卡壳的地方在第六题，实在是不懂，于是掏出手机百度了一会。结果这时面试官过来叫我进去面试，开始 让我解答笔试题上的东西，我也大方的承认了第六题不会，拿出手机看了一会。面试官什么也没说，叫我进一步补充题目上的答案。接着询问我对HTTP协议的了解和函数式编程以及面向对象编程，用了近2分钟把自己知道的全部说了一遍，然后面试官突然 问道HTTP的优缺点，当时也不知道怎么想的，竟然说了HTTP的安全性高，被面试官当场“教育”了一番。后面开始问学习的一个方式，我说通过微信公众号、博客园、掘金相关APP和github进行学习，当时面试官听到我有github就有点小激动了，搬来一部笔记本，让我登录账号瞧一瞧。面试官看了不到2分钟，估计有点小失望，就叫了一位小姐姐进来一起面试我。
小姐姐问了很多关于生活上的问题，比如户口在哪、家庭成员怎样、现在住在哪里、为什么选择深圳工作、广州不好吗、之前校园的经历、参加过的校内比赛如果现在来做的话怎么去优化和改善、未来生活上的选择以及职业上的规划，这些常规上的问题回答的倒还好，到后面她问对于公司有什么要求以及最后还有什么要问这点回答的有点模糊，自我感觉不是非常好。
以上就是大概的面试过程，有很多的不足还需要好好的努力才行。公司环境挺不错的，面试官也很好，面试过程很轻松，如果有机会当然很希望进去好好历练一番。
以下对面试题目做一些总结
1、前端分为哪三层，对应的作用是什么？
答：网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”
网页的表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。
网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。
网页的表示层和行为层总是存在的，即使我们未明确地给出任何具体的指令也是如此。此时， Web 浏览器将把它的默认样式和默认事件处理函数施加在网页的结构层上。例如，浏览器会在呈现“文本段”元素时留出页边距，有些浏览器会在用户把鼠标指针悬停在 某个元素的上方时弹出一个显示着该元素的 title 属性值的提示框，等等。
2、em和rem的区别在哪里？
答：em是相对长度单位，相对于当前对象内文本的字体尺寸；
rem是CSS3新增的一个相对单位（root em，根em）。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。
3、块状元素、行内元素、块状行内元素有哪些，特性分别是什么？
答：块级元素会独占一行，其宽度自动填满其父元素宽度，一般情况下，块级元素可以设置 width, height属性。
行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容而变化，行内元素设置width, height无效。
块状行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，块级元素可以设置 width, height属性。
4、如何利用CSS让文字垂直居中或者水平居中？
答：方法和内容有点多，在这就不贴出来了，详情请戳这里
5、JavaScript对数组的操作的方法有哪些？
答：方法众多，大概说出几个常用的就行，详情请戳这里
6、TCP和UDP的区别是什么？
答：详情请戳这里