今天去了科腾面试,第一次面试还是有点小紧张~
首先是笔试,按照印象记得题目是:
1. html和html5的区别是什么?
2. 请你谈谈对“前后端分离”的理解。
3. css的中文名是什么?你是怎么理解它的意义的?
4. 请你谈谈对SPA(单页面开发)的理解?
这里我是这样答的:
以vue-cli为例,使用组件化实现单页面开发,使用vue-router作为路由,对页面中的组件进行切换,进而实现单页面开发。
5. get方法和post方法的区别。
6. 一个父盒子里有一个子盒子,怎么实现子盒子的居中。
我是这样答的:
.parent {
position: relative;
}
.child {
positon: absolute;
top: 50%;
left: 50%;
margin-left: -50px;/*题目中子盒子的宽度为100px,但是没有给高度,这是我疑惑的地方*/
}
7. 假如有以下html结构:
<div class="container">
<span>哈哈哈</span>
<p>这是第一条p</p>
<p>这是第二条p</p>
</div>
问怎么将第二个p标签的内容变成绿色
这里我犯了两个错误
1.nth-of-type 拼成了 nth-type
2.nth-of-type()是从0开始匹配的,我写成了从1开始匹配
8.怎么收集表单数据并将以json对象展示,这个太长我就不写了,主要考察对txtarea,checkbox的取值操作,然后我使用了遍历,将符合条件的数据用数组的push方法收集。
然后是技术面,首先自我介绍,就说了我上面的两个问题。
1.问用什么技术写项目,我说之前用boostrap,原生js加jquery,现在用vue,vue-cli, nodejs,mongodb。
2.对boostrap有什么了解。
3.除了boostrap还会其它什么框架吗?
这里我答了只会boostrap,可能因为这里被说技术面有点窄。所以都是对其它东西有个广度的了解比较好。
4.如果想让一个form表单在一个盒子里居中,怎么只用css实现,不知道form表单的宽高。
这里我用了上面笔试用的子绝父相的布局,但是面试官说不知道宽高,这样用不了margin-left,margin-top,我只能说对这个不是很会
5.如果一个盒子里有三个盒子,分别是head、body、footer,body高度不设定,head固定在顶部,footer固定在底部,怎么实现。
这里我答了用position给head、footer一个相对定位,固定在顶部和底部,body用内容撑开,但是面试官说这样body没有内容的话head和footer相隔太窄,怎么使它自动撑开。这个答不上来。
6.问了页面回到顶端的小火箭效果怎么实现。
7.问了vue的生命周期有哪些。
created、mounted、update、destroy
8.问了如果从后台获得一个数据,他是在vue的生命周期的什么时候被插入页面的
这个蒙的mounted,总之要了解vue的生命周期什么时候做什么事。
9.cookie和localstorage 的区别
答了cookie会交到服务器验证,localstorage不会。
10.localstorage的生命周期有多久
答了localstorage不会被销毁
11.什么时候才会清空localstorage
答了将对应的值设为空的时候
12.vue的组件是怎么通信的?
13.怎么才vue里得到一个节点并操作它?
14.会后台语言吗?
答了java和nodejs
15.会面向对象编程吗?
<ul>
<li>你好</li>
<li>hello</li>
<li>nihao</li>
</ul>
怎么使用面向对象编程的方法使得点击每一个li输出里面的内容,可以用闭包。
答:
function LiClick(msg) {
return function() {
console.log(msg);
}();
}// 不知道对不对
大概就这些..
最后是二面,小姐姐说刚刚面了你技术,就不问你技术了(松了一口气~~)
问你在学校是公关部的、司仪队的,怎么工作,觉得是考察团队协作能力。
有没有在团队里做过项目,我说了在学校里做的大创管理系统,然后问我们是怎么分工的,也是考察团队协作。
平时你们是怎么整理需求的?
平时在学校怎么抽取时间来学习?
对自己的成长方向有什么规划?
对我阐述了公司主要负责企业级应用,和平时的移动端和pc端不一样,什么感想?
会实习多久,最短时间和最长时间?
你的抗压能力如何?如果上级给你很多任务怎么办?
理想薪酬?
对他们有什么问题吗?
印象中大概就是这些...
总之,第一次面试感觉还是不错的哈哈,起码到了二面,进不进也获得了经验,觉得还是得拓宽知识面,对js要加深学习,起码熟悉掌握一个框架,更重要的是把面试官往自己擅长的部分带~继续继续加油啦~
崛起!嘿!