前台姐姐给了个基本情况问卷,还有笔试题,纳尼!来面试竟然还要先做笔试题!!!当时我就震惊了。好吧,正好可以检测前一段时间学的东西。。。问卷还要填星座血型啥的,,,公司是要靠这个进行性格分析么。哼哧填完问卷开做笔试。
笔试题有两张A4纸,分CSS和JS两块,都是考一些挺基础的知识。
笔试
CSS
1.怎么让一副不知道宽高的图片在水平和垂直方向上居中在一个边长为200px的盒子中。
2.知道的清除浮动的方式有哪些?zoom的原理是啥。
3.webview、webkit是啥
4.实现他们的一个页面的布局
5.自己写CSS的习惯是什么,,表示这个问题不太明白,瞎掰了点啥驼峰式,样式用class、要被JS获取用id啥的
6.html5和CSS3都了解什么
7.现在流行的布局有哪些,表示不太理解这个题的意思,瞎写了啥响应式布局。
JS
1.给定一个字符串,给出里面现次数最多的字符以及次数,例如下面这样的字符:
var str='afjaslfjaieaaajeijfei';
哇咔咔,虽然写过的JS代码不多,好像会耶这道题,我想了一下可以用一个对象来记录,对象的属性就是字符,属性值是其次数。咔咔开写:
function countMaxTimes(str){
var oCount={};
var len=str.length;
//统计每个字符出现次数
while(len--){
var char=str.charAt(len);
if(oCount[char]){
oCount[char]=oCount[char]+1;
}else{
oCount[char]=1;
}
}
//获取出现次数最多的字符
var maxChar='',maxTimes=0;
for (eachChar in oCount){
if(oCount[eachChar]> maxTimes){
maxChar=eachChar;
maxTimes=oCount[eachChar];
}
}
return{
char:maxChar,
times:maxTimes
}
}
因为对JS还用得不是很多,中间想不起怎么遍历对象中的属性了,还卡了好一会儿,后来总算想起for in可以做到啊皇上!
那么补充一下for in的知识:
for(varable in obj或array)
可以遍历对象属性或数组元素
其中,varable是对象的属性名或者数组元素的下标,是下标哦,不是数组元素本身
这道题虽然很基础,但是发现利用对象属性的方式来记录信息真的好好用,之前面试也遇到过。另外这也是我第一次使用obj[varable]的方式来访问属性,这样属性名和属性值一一对应可以记录相对应的两个数据了,这种方式不要太好用哦!
其实数组也是可以这样用的。
2.说说this的三个应用场景
3.JS都有哪些数据类型,分别返回false的时候是什么值。
4.用jQuery实现一个tab选项卡,摔啊,jQuery API还没过完,当时我就懵逼了,不过自己也写了点。
选项卡结构是酱紫的:
<ul id="tab">
### 最后
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
![](https://img-blog.csdnimg.cn/img_convert/9934906350c540c16b60c7097f8f9bac.webp?x-oss-process=image/format,png)
![](https://img-blog.csdnimg.cn/img_convert/c818ff57ebf97eb65c0fc5b04d75d705.webp?x-oss-process=image/format,png)
18166371)**
[外链图片转存中...(img-fvwiY5aW-1714719758644)]
[外链图片转存中...(img-3s1H6URb-1714719758645)]