记一次给我司应届实习生出笔试题（非大厂，大佬忽略）

Posted 2020-11-22 liuguofu

   昨天老板让我出一套笔试题：前端开发的，面向应届生的。我充分发挥程序员的本能翻遍各大网站、技术论坛整理出了十道题，说是整理其实就是东搬西抄。不过我也在题目的筛选过程中总结了一些知识点，完善了自己的知识体系结构。

    俗话说"面试造火箭，工作拧螺丝"，面试时候会问到你怀疑javascript的创造者是对面的面试官吧?到工作中就来给我写个CRUDF。

    面试题笔试题不能说是千篇一律，但是大概就是那些内容。可是就像高考一样，我们最后复习的甚至都知道了试卷的哪个位置会有哪些题型，还是没去上清华北大（不是因为不喜欢～）
    扯了这么多，我总结的题型类别如下（一些扩散性的问题和项目实现就不列分类了，答案自行百度google，发挥程序员的本能）：
        html5（新特性、语义化...）
        CSS3（布局 line-height 回流重绘...）
        JS（原型 继承 闭包 变量提升 深拷贝 作用域 数组操作...看完js高程并且时刻复习就完事儿）
        ES6+（使用ES6 新特性简化操作 异步...）
        框架(三大JS框架，用过的UI框架)
        浏览器（http 调试bug）
        后端（node 、java、 数据库）
        微信小程序
        工具（看你实际项目的业务深度以及使用过那些好用工具）

最后附上笔试题（周末愉快）：
前端开发工程师笔试题（2019）
注:答题时间40分钟，9题10题选择其中一道作答即可。
请说明您所了解的H5客户端存储数据的方式以及其相应的生命周期。

1. 请将下列元素分类：

meta input a div ul ol li hr link h1-h6 strong img span p br

（1）行内元素：

（2）块级元素：

（3）空元素：

1. 请写出下列代码所实现的字体颜色：

北京百星

1. 假设在chrome浏览器控制台中输入以下程序代码，请写出运行结果:

   （1）typeof(null) null instanceof Object

   （2）function Foo(){
   var i=0;
   return function(){
   console.log(i++);
   }
   };
   var f1=Foo(); var f2=Foo();
   f1();f1();f2();

   （3）let O = function(name){
   ? this.name = name || ‘world‘;
   };
   O.prototype.hello = function(){
   ?return function(){
   ? console.log(‘hello ‘ + this.name);
   ?};
   };
   let o = new O;
   let hello = o.hello();
   hello();

   （4）console.log(a)
   a();
   var a=3;
   function a(){
   console.log(10)
   }
   console.log(a)
   a=6;
   a();

2. 请对数组[3,6,9,43,11,21,52,4,6,21]去重并升序排序。

3. 请使用async/await 实现一个红绿灯功能：按照绿色3秒、黄色1秒、红色2秒的顺序循环改变一个圆形div的背景色。

4. 请说明vue中组件间的通信方式（父子组件、 爷孙组件、 兄弟组件）

5. vue路由变化后计时器还在执行，请写出怎么清除计时器。

下列两题请选择其中一道作答：

1. 微信小程序：列举出可以引起小程序页面跳转的方式有哪些，如何在路由跳转时传递参数以及在相应页面中获取参数？

2. 编程：使用原生JS尽可能多的方法实现一个深拷贝。