混子前端寒冬求职笔试题-01-CSDN博客

写在前面的话

混子前端大学毕业以后，随波逐流入职了一家O2O公司，开始了前端之旅～

当然2016年前端的市场还是很可观的，那时候问起前端优化，只要答出雪碧图这类回答就可以了(ps: 也许当时菜的抠脚)～
在经历了公司运营不景气和互联网寒冬，加上混子前端自认为前端功底很扎实之后，在18年底决定主动请辞，碰巧赶上了公司裁员，沾沾自喜拿了公司n+1，走人，开始了前端面试合集～

混子前端虽然在O2O公司，但也因为公司奇葩需求用过vue/react框架，这里省略jQuery，不知地厚天高的混子前端在不了解其原理之后就在简历写上了 “熟悉” 两大框架，被各司虐的各种***，这里不吐槽自己！提到这里相信大家会问你JS水平怎么样，当时JS连继承都只知道apply/call/bind三种方法（PS：其实是一种方法），并不知道组合继承、寄生式继承等等，就开始了面试之旅！

好了，废话不多说，开始切入正文，希望我的面试题可以给予大家一些帮助：

某民在线笔试题：

1、请解释一下为什么要清除浮动？清除浮动的方式

2、编程题：请用JavaScript编写获取URL中的参数值，URL如下所示：
http://x.peopleyun.cn/getToTalCount?flag=1&keyword=&industry=42

3、ES5和ES6的继承有什么区别？

4、在金融应用产品中，数值常常使用千分位分隔，请使用JavaScript实现一个具有此功能的简单函数

5、为什么浏览器会有跨域问题，怎么解决？

6、描述一下React或者Vue的生命周期？

7、webpack用来解决什么问题？

8、开放性问题：爬虫引擎是怎样抓取页面的？如何防止采集？

某舞团笔试题(D卷) 笔试题：

1、以下结果里，返回true的是：

A) 1 === '1'
B) !![]
C) !!''
D) null === undefined

2、对以下HTTP状态码的描述，不正确的是？

A）301和302状态码都表示请求的资源被转移到新地址
B）服务器返回304时，需要同时返回请求的资源内容
C）2xx的状态码表示请求成功
D）如果服务器请求第三方API超时，应该返回504

3、已知有5顶帽子，3顶白帽子，2顶黑帽子，甲乙丙三个聪明人头上各带一顶帽子，他们不能看到自己的帽子，但是可以看到另外两个人的帽子。甲乙丙可以轮流说话，但只能说“我的帽子颜色是黑(白)色”和“我不知道自己帽子的颜色。”现在甲先说了“我不知道自己帽子的颜色”，乙接着说“我不知道自己帽子的颜色”，现在轮到丙说，丙会说：

A）我不知道自己帽子的颜色
B）我的帽子颜色是白色
C）我的帽子颜色是黑色

4、以下代码执行后，a.x和b.x的结果分别是？

function A(x){
    this.x = x
}
A.prototype.x = 1;

function B(x){
    this.x = x
}
B.prototype = new A();

var a = new A(2), b = new B(3);
delete b.x;复制代码

5、说出以下代码存在什么问题

Array.prototype.contains = function(obj){
    return this.indexOf(obj) >= 0
}	复制代码

6、小明要实现一个效果，在控制台每隔1秒依次输出0,1,2,3,4，以下代码有问题，该如何修改？

for(var i = 0; i<5; i++){
    setTimeout(function(){
        console.log(i)
    }, 1000 * i)
}复制代码

7、请指出一下结构中A标签内的字体颜色值：

<div id="contact">
    <h1 class="safelink">
        <a href="http://zhuomian.360.cn/">360桌面</a>
    </h1>
</div>

<style>
    a{color: #ccc}
    #contact a {color: #336699}
    .safelink a {color:#f60}
    h1 a {color: #eee}
</style>
复制代码

8、如下HTML代码

<ul>
    <li>奇数行</li>
    <li>偶数行</li>
    <li>奇数行</li>
    <li>偶数行</li>
    <li>奇数行</li>
</ul>复制代码

请通过CSS实现如下样式：

奇数行背景为#ccc, 偶数行背景为#eee。
3的倍数行字体颜色为#f00。

9、补充CSS样式实现如下图的效果(圆的直径为100px)

<div id="ball"><div>

#ball{

}
复制代码

10、实现一段JS，当鼠标在矩形区域内移动时，给出鼠标到矩形对角线的距离：

某猫星厨 笔试题：

1、10+'20' = ？再加'20'呢?

2、设计一个函数实现add(3)(4)

3、localStorage与sessionStorage的区别

4、设计一个函数实现两个20位的数字相加

5、vue中，已经声明了变量a=10, 通过函数调用去改变a的值，fn()的{{a}}会如何显示？为什么？

fn(){
    for(let t = 0; t< 100; t++){
        this.a = t
    }
}复制代码

6、给定一个排序数组喝一个目标值，在数组中找到目标值，并返回其索引，如果目标值不存在于数组中，返回它将会被按顺序插入的位置。

输入：[1,2,5,6], 2
输出：1

输入：[1,3,5,6], 5
输出：2

输入：[1,3,5,6], 7
输出：4

输入：[1,3,5,6], 0
输出：0
复制代码

好了，由于是上班时间，发现Jira上又有混子前端的bug了，已经隐约感受到老大在身后盯着我的屏幕，瑟瑟发抖，so未完待续...

ps：如果大神们有空可以在底下留言解题思路

pps: 每个题都一定不是一种答案，请思虑周全些

混子前端寒冬求职笔试题-01

写在前面的话

“相关推荐”对你有帮助么？