上海 “东方购物”面试总结

首先我先说一下，这是我到上海的第四天，我在之前也说过自己面试的经历，说实话被打击的是体无完肤了已经。我自己对最近的面试也是准备区学习的态度去面试的，特别是今天的面试让我学到最多的一次，所以我准备把自己的总结给大家写一篇文章分享一下。。。。。。

首先我不方便透漏面试公司的真正地址了，因为公司太大了（也许是我没出息。。。），名字我也没记清楚。我是一个类似于派遣公司那样的派遣过去的，进入园区首先感到很高大上的感觉，我先进去的时候。到了2号楼（一共三座办公楼，面试地点是2号楼）。然后我去前台问一下说我面试的，结果前台好像很不友好（但是我并没有在意，因为我来这几天已经感到了很多白眼了，也许我看起来很土的样子把。。。）对我说你打电话再确认一下有没有你的信息。我给人事打电话结果说我的信息忘了给前台，然后找了一个态度很好的小哥下来借我一下。拿了一张卡，我就去上楼了。。。

上去之后，带我的那个帅哥带我去找了一个领导（有一种吴秀波的感觉，帅气。男人味十足）。我必须强调一下，我个人觉得这个人至少是技术总监以上的职位，因为我远处看到他在给别人开会（通过座位也可以看到是在第一排中间。。）。见到我很友好的说了句你好，然后我礼貌的回复了一句您好。然后把我带到了一间会议室。让我简单来了一个自我介绍，不知道是自己准备不好，还是坐地铁太长时间。张嘴连话都不会说了，三两句就简单说了一下。其实我现在觉得对面试官还是很不礼貌的（心里默念一万句对不起。。。）。然后简单浏览了一下我的简历，给我除了几道面试题，在这里我给大家分享一下（包括笔试和面试问的）：

1。很简单的布局

就是上面这个简单的布局；

我的代码是这样的

<body><header id="header" style="width: 100%;height: 100px"></header><div id="con" style="width: 100%;height: 100%"><div id="left" style="float: left;width: 30%;height: 100%"></div><div id="right" style="float: right;width: 70%;height: 100%"></div></div>
</body>

这是我手写的代码，我记的很清楚；但是大神问了我一个问题，你left浮动的话，如果屏幕宽度是1000px，那么左边就是300px，如果里面有一个控件是250px；当屏幕缩小到80% 的时候那么左边就是240px；那么左边不久溢出了吗，这时候你还要用百分比吗？问我解决方案是什么，其实这是一个很简单的问题，但是我当时就是没有回答上来，真不知道当时脑子是怎么想的。。。我在地铁上就想出来解决方案了，应该用媒体查询，因为百分比的话是可以实现的但是太麻烦，用媒体查询是可以实现的而且简单。（@media ）

2.还是布局

上面这个布局就是首页的布局，我的实现方法是

<body><header id="header" style="width: 100%;height: 100px">头部内容</header><div id="con" style="width: 100%;height: 100%"><div id="center" style="width: 80%;height: 100%; text-align: center;">内容区域</div></div><footer id="header" style="width: 100%;height: 300px">尾部内容</footer>
</body>

这个的话面试大神问我两边怎么没有内容啊，其实这个也怪我，因为我没有听清楚面试官的意思，我以为是空白呢，如果两边有内容的话，其实也是很简单的，一般像天猫和京东那样的加一个菜单栏，固定到左边，用position：fixed就可以了，然后再设置一下左右边距就可以了。

这两个问题就是很简单的问题了。

3.手写js代码，返回顶部

我是这样写的：

test.onclick = function(){
document.body.scrollTop = document.documentElement.scrollTop = 0;
}

test是一个button（带有样式的返回顶部按钮）；面试官看到之后说就这一句话？其实我之前写过，用这种，也有其他的方法但是我想不起来了，就写了这一个，其实不是很完美的方法，下面一个是我回来自己查资料实现了一下是最好的：

<body style="height:2000px;">
<div id="topAnchor"></div>
<a href="#topAnchor" style="position:fixed;right:0;bottom:0">回到顶部</a>
</body>

这个是利用锚点实现，简单而且好写，我当时也想到了，但是面试官让我用js实现，所以我就写了上一个

4.手写js实现分页功能

我这个没写完，因为思路断了，而且面试官进来了，我也没有重新整理思绪，我下面把我当时的思路延续下去再写一遍给大家参考

        $(function(){var dqPage = $("#dqPage").text();//得到当前页数dqPage = parseInt(dqPage);//得到的文本转成intvar pageCount = $("#pageCount").text();//得到总页数pageCount = parseInt(pageCount);var i = 1;i = parseInt(i);var item="";var href = "请求地址";if (pageCount <= 5 ) {//总页数小于五页，则加载所有页for (i; i <= pageCount; i++) {if (i == dqPage) {item += "<span class='disabled'>"+i+"</span>"; }else{item += "<a href='"+href+i+"' >"+i+"</a>"; }};$('#pageBtn').append(item);return;}else if (pageCount > 5) {//总页数大于五页，则加载五页if (dqPage < 5) {//当前页小于5，加载1-5页for (i; i <= 5; i++) {if (i == dqPage) {item += "<span class='disabled'>"+i+"</span>"; }else{item += "<a href='"+href+i+"' >"+i+"</a>"; }};if (dqPage <= pageCount-2) {//最后一页追加“...”代表省略的页item += "<span> . . . </span>";}$('#pageBtn').append(item);return;}else if (dqPage >= 5) {//当前页大于5页for (i; i <= 2; i++) {//1,2页码始终显示item += "<a href='"+href+i+"' >"+i+"</a>"; }item += "<span> . . . </span>";//2页码后面用...代替部分未显示的页码if (dqPage+1 == pageCount) {//当前页+1等于总页码for(i = dqPage-1; i <= pageCount; i++){//“...”后面跟三个页码当前页居中显示if (i == dqPage) {item += "<span class='disabled'>"+i+"</span>"; }else{item += "<a href='"+href+i+"' >"+i+"</a>"; }}}else if (dqPage == pageCount) {//当前页数等于总页数则是最后一页页码显示在最后for(i = dqPage-2; i <= pageCount; i++){//...后面跟三个页码当前页居中显示if (i == dqPage) {item += "<span class='disabled'>"+i+"</span>"; }else{item += "<a href='"+href+i+"' >"+i+"</a>"; }}}else{//当前页小于总页数，则最后一页后面跟...for(i = dqPage-1; i <= dqPage+1; i++){//dqPage+1页后面...if (i == dqPage) {item += "<span class='disabled'>"+i+"</span>"; }else{item += "<a href='"+href+i+"' >"+i+"</a>"; }}item += "<span> . . . </span>";}$('#pageBtn').append(item);return;}}});

这个我回来其实也没有完全实现，因为看似简单的一个面试题目，其实逻辑性很强的，需要考虑的东西特别多，当时我第一次进这个公司感觉也很紧张，所以思绪乱了，其实大家再开发中，很少有自己写分页的都是有写好的框架。但是这些都是考察我们对基础的掌握程度和逻辑性。还是很重要的。。。。我真想把我现在写的给面试官再看一次，让他再给我一次机会。。。。。

5.数组查重怎么做

这个问题我当场都懵逼了，我真的想说我也会，但是当时不知道为啥，脑子一片空白。应该是我当时脑供血不足。。。哈哈不找借口了还是自己的综合素质不强，我回来除了公司还在想这个问题，因为再很早之前我就写过这个代码，我当时思路是这样的，先var一个新数组newArr，然后去除第一个元素，跟数组里面的其他元素比较，一样的去除，不一样的留下，把比较的元素push到newArr里面，以此类推，其他的也都这样处理，得到newArr数组就是我们最终的查完重的数组了，代码我也写了一边是这样的：

function uniq(array){var newArr= []; //一个新的临时数组for(var i = 0; i < array.length; i++){if(newArr.indexOf(array[i]) == -1){newArr.push(array[i]);}}return newArr;
}var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];
console.log(uniq(aa));

上海 “东方购物”面试总结相关推荐

上海中兴软件测试面试,中兴综合测评没做完
㈠中兴校园招聘综合测评做完简历状态会立刻变化吗不会,网上投社招的简历机会不多,不过可以试试,去注册社招账号,并填写版简历,再投简历,然后等待消权息,一般社招要求经验比较多. ㈡中兴2018综合测 ...
武汉上海知名互联网公司面试心得体会
写于之前: 最近一段时间集中看了下武汉和上海地区的架构师岗位机会,基本上比较匹配的一二线的互联网公司(字节跳动.美团点评.小米.华为.平安.拼多多.小红书.斗鱼等)都大概有看,至于BAT三家由于是从A ...
上海大厂Android面试经历；华为+小米+映客+抖音
前言面试:如果不准备充分的面试,完全是浪费时间,更是对自己的不负责. 文末会给大家分享下我整理的Android面试专题及答案其中大部分都是大企业面试常问的面试题,可以对照这查漏补缺,当然了,这里所列 ...
上海华为OD--JAVA面试总结
我是2021年6月21日收到华为OD的机试邀请,华为OD机试第一次做很难,我在2019年的时候第一次接触这个机试,三道题一题不会,要想通过,前期不去LeetCode上刷题那是不可能的,好在这次面试有个 ...
京东方android面试经验,绵阳京东方面试经验
面试过程: 在官网上申请,做测评通过后,参加学校的宣讲会,一般宣讲会结束后就会通知面试时间,我是下午听得宣讲会,第二天下午去面试的.因为学校比较小,人也少,面试官只有两个人,一个HR,一个技术面,三个 ...
京东方android面试经验,京东方面试经验
面试过程: 京东方面试挺水的,它们的hr和技术人员一点也不认真负责.基本上网申的人都通知去面试了,而且这一面也是最后一面,事先根本就没有进行初步的简历筛选,可想而知后期的招聘质量有多差!面试采取一个h ...
中兴软件开发（上海）杭州面试
今年中兴的面试在西湖区的亚朵吴酒店,技术面和综合面分两次面试,我的分别在2018.09.27和2018.09.29,感觉有点不合理,在同一天会更好. 技术面大概3.40分钟,首先是进行自我介绍,然后是 ...
上海大厂Java面试经历：初步理解类加载运行机制和类加载过程
volatile相关经典面试题谈谈volatile的特性 volatile的内存语义说说并发编程的3大特性什么是内存可见性,什么是指令重排序? volatile是如何解决java并发中可见性的问 ...
一个Android应届生从上海离职，面试建议
前言我今年38岁,失业前是南方二线城市某知名互联网公司的部门技术主管,婚姻幸福,膝下有一儿一女,组成一个好字,房子车子:有一辆十几万的汽车,一套月供八千的房子,妻子全职在家带娃,家里的一切开销全部指 ...

上海 “东方购物”面试总结

上海 “东方购物”面试总结相关推荐

最新文章

热门文章