前端练习口试汇总

2024年2月25日 174次阅读 来源: puhongru

近来一直在多看基础的书多码代码预备找练习，在网上也网罗了不少面经，如今把网罗到的练习生口试题本身整顿一下。

题目泉源：前端练习生口试总结
近来最先了频频口试，虽然还不晓得效果怎样，然则照样要记录下来举行一个总结，一样也愿望对正在预备面练习生的童鞋们有所协助~

JavaScript

  1. addEventListener末了一个参数是做什么用的？
    答：划定事宜是冒泡照样捕捉。false示意在冒泡阶段挪用事宜处置惩罚顺序，true示意在捕捉阶段挪用事宜处置惩罚顺序。（removeEventListener()一样的）

  2. 什么是冒泡，什么是捕捉 ？

    答：冒泡是当一个元素触发了一个事宜以后就会像上层通报直至document（由最详细的元素接收，然后逐级向上传播到较为不详细的节点（文档））。捕捉是不太详细的节点（文件document）更早接收到事宜，而详细的节点末了接收到事宜。

  3. 一切的事宜都能够冒泡么？
    答：不是，blur、focus、load、unload、abort不可冒泡（每一个 event 都有一个event.bubbles属性，能够晓得它能否冒泡。概况可看浏览器中有哪些事宜会冒泡？）

  4. 怎样作废事宜冒泡
    答：我这儿的答案错了，感谢大神斧正，人人不要搞混啦
    eve.preventDefault(作废事宜默许行动，若cancelable是true，则能够运用这个要领，cancelable属性表明是不是能够作废事宜的默许行动).eve.stopPropagation()用于作废事宜的进一步捕捉或冒泡，bubbles为true时，能够运用这个要领。

  1. 怎样推断是不是是数组

    答：a instanceof Array Array.isArray(a) 他问我另有么~
    所以我说试一下Array的内置函数，能够运用是Array不能够则不是，实在另有 Object.prototype.toString.call(a)=== '[object Array]'

  2. 怎样把一个类数组对象转化为数组
    答：Array.prototype.slice.call(arrayLike)；

  3. 讲一下继续
    答：继续是代码重用的一种情势，能够明显得削减软件开辟本钱。在JavaScript中，继续有三种要领：类式继续（主要）、原型式继续（主要）和掺元类。
    类式继续：起首要建立一个组织函数，在组织函数中挪用超类的组织函数，并把参数通报给它。下一步再设置原型链，手工将子类的 prototype 设置为超类的一个实例（Author.prototype = new Person()），然后把子类的 prototype 的 constructor 属性从新设为子类（Author.prototype.constructor = Author）。
    原型式继续：不需要用类来定义对象的构造，只需要直接建立一个原型对象，这个对象随后能够被新的对象重用。重假如对超类举行一个浅担任或许说是克隆，这个克隆函数以下

    functon clone(o){
    function F(){}
    F.prototype = o;
    return new F();
}

    克隆超类后，就能够重定义该克隆中的要领和属性，能够修正超类中供应的默许值，也能够增加新的属性和要领 。然则这个要领关于从原型对象继续而来的成员，其读和写具有内涵的不对等性。详细请参照JavaScript 继续

  4. Array都有哪些要领呀？
    答：concat,join,pop,push,reverse,shift,slice,sort,splice,unshift.（《JavaScript言语精炼》一书中总结了数组、函数、数字、正则表达式、字符串经常使用的要领）

  5. sort要领事情道理是什么样的？
    答：默许的比较函数把要排序的元素都视为字符串，在比较数字都时刻，会把数字都转化为字符串再举行比较。

  6. 那假如想要sort排序数字怎样办？
    答： n.sort(function (a,b) {return a-b;}) 升序

  7. String有哪些要领呀？
    答：concat charAt slice substr substring 等等（实在如今以为应当加一句说string是基础数据范例，没有要领，string的要领是String组织函数建立的援用范例的要领~）

  8. 那replace要领怎样用的呀？
    答： string.repalce(searchValue,replaceValue)，对string举行查找和替代操纵并返回一个新的字符串，参数searchValue能够是字符串或正则表达式对象，假如它是一个字符串，那末searchValue只会在第一次涌现的处所被替代。假如searchValue是一个正则表达式而且带有g标识，则会替代一切婚配。

  9. 鼠标滑过一个元素涌现一个弹出层
    答：就dom 0级来举例子的话是 onmouseover dispaly:block

  10. 鼠标滑的快不让他涌现怎样办
    答：设置一个setTimeout 当鼠标在上面停止的时候小于设定的时候的话他还没有出来事宜就被作废掉了

  11. 那setTimeout应当设置多久的时候呢? 这个我不晓得有什么约定俗成的时候设置，假如是我的话，应当归去试一下，看谁人时候适宜

  12. 如今我想要这个元素在页面下方是弹出层在上方显现，元素在上方时弹出层在下方显现？ 推断元素间隔页面底端的位置，位置大于弹出层的高度的话就在下方弹出，不然在上方弹出

  13. 假如我如今想把他做成一个东西给他人用要怎样做？ 呃~起首运用模块化，注重不要和其他的要领什么的有争执，然后子啊内里设置要领相差所需的参数，比方谁人元素，什么事宜，弹出层的大小等等

  14. 那想做一个好的东西参数肯定许多，你怎样能轻易他人运用呢？毕竟参数这么多他人会记不住的 呃~我可能会设置成一个对象，传入对象的属性，如许就轻易记住了。

  15. 事宜代办
    答：概况见JavaScript 事宜代办和托付

  16. 什么是冒泡什么是捕捉
    答：概况见JavaScript 事宜代办和托付

  17. C++

  18. jQuery取到的元素和原生Js取到的元素有什么区分
    jQuery获取到的元素返回的是一个jQuery对象，它是一个类数组对象，属性0,1,2…中存着查找到的DOM对象，这个jQuery对象有length属性，示意查到的DOM的数目。js取到的元素是DOM元素。

  19. Doctype的作用
    答：<!DOCTYPE>是声明文档的剖析范例（document.compatMode），指导web浏览器关于页面运用哪一个HTML版本举行编写的指令，防止浏览器的奇异形式。概况见：关于DOCTYPE

  20. 相应式 我只答了@media

  21. setTimeout 和setInterval的区分
    概况见：setTimeout() 和 setInterval()

  22. setTimeout时候设为0是不是马上实行，为何？
    不肯定，由于JavaScript是一个单线程的诠释器，因而肯定时候内只能实行一段代码。为了掌握要实行的代码，就有一个JavaScript使命行列。setTimeout时候设为0，是通知JavaScript在0毫秒后把当前使命增加到使命行列中。假如行列是空的，则增加的代码会马上实行；假如行列不是空的，则它要等前面的代码实行完后再实行。

  23. 组织函数的运行机制

  24. this的绑定

  25. call()和apply()的区分

  26. Js继续有哪些？原型继续是什么样的

  27. 诠释一下模块化，举例模块化的要领

  28. GET和POST的区分

  29. 函数声明和函数字面量的区分

  30. jQuery的联级有什么优点

  31. 渐进加强 文雅降级

CSS：

  1. float高度陷落处理方案：
    clearfix:after{clear:both;content:”.”;height:0;display:block;visibility:hidden;}(给本身挖了个坑after是伪元素不是伪类，我说错了~)

  2. line-height像素单元和百分比的单元的盘算要领： length 设置牢固的行间距。单元em，px，pt等等。百分比%
    ，基于当前字体尺寸的百分比行间距。（我以为我答得是对的，然则他有反复了一遍：我说的是line-height）

  3. 一个ul里有若干个li，想要每一个li都有一个border-bottom，末了一个li不想要boder-bottom要怎样做：(ul:last-child{border-bottom:none;}或许给末了一个li加一个class选择器设置border:none;(他说另有，查了一下什么加载jQuery可之类的~)

  4. css 选择器太长怎样推断他的优先级：行内款式1000 — id100 — 类、伪类、属性选择器10 —
    范例选择器、伪元素选择器1 经由过程相加盘算大的优先级高，值相称的话后声明的优先级高。

  5. 一个div怎样垂直居中呀？ 饿了么说过了~

  6. css3你经常使用的属性有什么呀？ 动画的transform transmation border-radious box-sizing box-shadow

  7. 很长一段话要举行截取，凌驾以后是三个点怎样做？ 不斟酌兼容的话CSS3有 text-overflow：ellipsis 然后或许overfloww:hidden 再在边框前侧到场一个三个点的span 或许用伪元素：after{content:”…”}之类的吧

  8. position 定位

  9. dom操纵元素

  10. 两列规划

  11. inline-block闲暇怎样处理

  12. 怎样平铺一张背景图？ css要领：设置一张图片 {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1;} js要领： 推断浏览器高度，设置图片的高度

  13. 假如让图片按比例放大减少呢？ 用Js来推断宽高，然后按比例放大（口试官说屏幕壁板都是横屏，所以width设置为100%就能够了）

  14. css hack

  15. 前提解释

  16. dispaly的值

  17. css3动画的机能优化你晓得什么？ 我只答了最好不要运用all

  18. BFC，haslayout是什么，怎样触发

HTML

  1. 什么是语义化

  2. html5 语义化的标签

HTTP

  1. http状况码都晓得那些

算法（一个都没答上来）：

  1. 优先行列

  2. 堆

  3. 疾速排序

  4. 数组去重

  5. 怎样组织一棵树

  6. 十进制数推断有若干位二进制码

项目

  1. css3翻书是怎样做的呀？ 巴拉巴拉讲了一堆

  2. 你这个翻页有个bug呀，什么原因怎样改呀？ z-index的题目，怎样改布吉岛~

  3. canvas画图怎样做的呀？ 巴拉巴拉讲了一堆

  4. 你这个绘制有bug呀，什么原因怎样改呀？ 滚动条的题目，怎样改又布吉岛。。。（加上滚动条的间隔，口试官通知我的~）

版本掌握

  1. 相识版本掌握器么？ 相识一些github

  2. 基础操纵会么？ 我都用的windows的图形界面举行操纵的（口试官心中可能有一万只草泥马在奔驰….）

  3. github的事情道理是什么呀？
    我把我的代码上传到github的堆栈上，然后他人能够下载举行代码增加然后上传更新堆栈，我能够再下载更新过的继续举行增加修正

  4. 那假如你们两个修正统一份代码发生争执怎样办？ 我晓得的要领只要回滚，就是和队友交换看谁的代码更主要，然后举行一个回滚操纵。

  5. 只能如许么，必须有一个人捐躯么？
    我相识到github的功用实在异常壮大，所以肯定有更好的要领吗，只是我如今对github的运用仅限于本身代码的存储以及一些小的修正，所以并不相识更好的要领。。。。

其他

  1. 你经常使用的代码编写东西是什么？ sublime text

  2. 你要修正许多雷同的处所怎样办？ 选中一个 按Ctrl+D 拔取多个 然后一同改

  3. photoshop怎样？ 能够举行简朴的psd页面图的ps 不会人物景致的美化

  4. 想要导出一个文件说起比较小的png怎样做 存储为web所用花样。。。（应当不对~）

  5. 机能优化相识若干

项目（这里聊了良久）

  1. 给我引见一下你都做过哪些项目吧？ 巴拉巴拉一堆没有什么特定答案~

  2. 你是怎样举行团队项目的协作呢？ 巴拉巴拉一堆没有什么特定答案~

  3. 你如今在学些什么呀？ Linux下Qt开辟~~巴拉巴拉~

  4. 做前端有效不到C++，你学他有什么用呀？ 我不只是一个写前端的，我照样一个顺序员，C和C++是这些言语的基础，所以巴拉巴拉~

  5. 你最惬意的C++顺序讲一下？ Qt呀，类呀~什么的~

  6. 你以为淘宝首页有哪些手艺上风？
    页面很大，要承载的东西也许多，然则能够让用户清楚清楚明了的找到想要找的东西证实规划做的异常好，然后内里包含图片轮播呀个中点击事宜呀什么的事宜也许多，所以防止事宜争执也很腻害~

  7. 那你觉的你用多久能够写出淘宝首页？ 呃~一个礼拜吧（这个可真的不晓得什么样的答案适宜）

  8. 你为何想来淘宝手艺部？ 由于手艺牛，而且有许多大牛在这个团队里，假如我有时机的成为个中一员的话就业能够学到更多的东西啦~

  9. 你以为你有什么上风能够来淘宝手艺部？ 嘿嘿，就不通知你我是怎样答得~~

    原文作者：puhongru
    原文地址: https://segmentfault.com/a/1190000006860558
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞