/FrontInterview

前端面试题

MIT LicenseMIT

  1. 填请按照内容填写表格

X Y = == Object.is
undefined undefined
null null
true true
false false
‘test’ ‘test’
0 0
+0 -0
"" false
"" 0
'0' false
'1' 1
[1,2] “1,2”
New string (“test”) “1,2”
Null undefined
Null false
{test:”1”} {test:”1”}
New string(“test”) New string(“test”)
0 null
0 NAN
"test" NAN
NAN NAN
  1. CSS请试写出垂直水平居中(尽可能写出比较多的方式)

  2. CSS 以下均使用1个DIV完成 (1) 画一个圆 (2) 画一个三角形 (3) 画出3条线互相平行 (4) 画一个星星

  3. CSS 请写出清除浮动的CSS(尽量写出IE 系列的兼容写法)

  4. 简述HTTP 协议的状态码,如果可以请细化到具体的值,如200,201…等

  5. 按照JQUERY 的初始化,请填写如下,为什么这么传递?什么版本采用的? (function( ) {})(jQuery)

  6. 请简述如何创建一个异步流程的过程,需要标示出每一步的状态,以及如何处理。

  7. 请写出如下正则,URL以 http://www.jcloud开头 后面跟/xxx 最多可以跟256级,每一级包含大写小写(或中文可忽略),开头不可以为-_ 后缀以(.CN,.COM…..结尾) http://www.jcloud /xxx/xxxx.com

  8. 请写出一些 jquery 的工具函数,$.

  9. 请写出JS的数据类型,请写出如何判断JS类型的方案

  10. 请描述BFC,以及可以触发BFC的条件

  11. 请写出 IIFE,以及常用的可以触发IIFE的前缀

  12. 请写出前端观察者模式的CODE

  13. 请解释前端缓存,分析前端缓存头如何对浏览器产生影响?

  14. 如何跨域,请试写出方案

  15. 怎么做才可以让COOKIE 不可以修改

  16. 2个页面如何通信

  17. fetch(input, init).then(function(response) {...}) 该代码写有问题么 如果有为什么?

  18. 怎么用测试框架测试PROMISE?

  19. Lazy 加载图片,如果可以能使用fetch的方案加载么?

  20. Webpack 2.x 和 1.X 做迁移有哪些不兼容的地方,请举出例子?

  21. Redux 怎么拆分store

  22. 请用JS 实现 继承,多态

  23. 描述call, apply ,bind的作用,请问其中哪些可以被ES6语法替代

  24. 是否使用过 EXPRESS,KOA,请试写IE下的自定义中间件 如果使用KOA+CO请试分析CO原理,如果使用ASYNC/AWAIT请完成 相关流程DEMO

  25. 试写UMD 模型

  26. 简述箭头函数,简述LET,简述CONST,简述require 和 IMPORT 问题

  27. 请写出ES6的decoration, 实现调用函数打印出调用 @logxxx() Function() {} 请问这么用是否有问题,如果有请问怎么修改。

  28. 解决ES6 中CLASS 多继承

  29. 请使用ARRAY.SORT()完成倒序排列,请描述原生的执行过程

  30. 请使用defineproperty 定义一个OBJECT,其中有proxy和url 2个属性 其中URL可以初始化,在初始化后可以更改。PROXY只可以初始化, 当修改URL值后可以通过回调函数获得。

  31. 试写一个表格控件,可以使用JQUERY,ES6,等。

  32. Sass less试写一个媒体查查询的CSS 3类中宽度 最宽的情况下使用FLEXBOX布局,横轴顺序排列,纵轴居中排列 中宽情况下使用FLEXBOX布局,横轴顺序排列,纵轴居从上往下顺序排列 小宽情况下使用FLEXBOX布局,横轴顺序排列,纵轴居从下往上顺序排列 (请试增加横轴的的倒序)

  33. 请说出javascript for in的用法,要注意什么?

  34. 请写出 IE6-9的HACK

  35. JS 浮点数计算,请写出解决方案。

  36. 写出 JS EVENT 处理流程,请写兼容函数处理WINDOWS ,FF, CHROME的事件

  37. 什么是BOM什么是DOM

  38. 请解释shadowdom webcomponents

  39. 请写下AGJS(你懂得),脏检

  40. Undefined 是否可以被修改,可以的话什么情况,什么浏览器版本可以,不可以请说明原因

  41. 请解释hybrid 内,native和JS交互原理,只需要JS 这边即可

  42. 请解释sting 下的截取STRING 方法,哪些可以使用字典查询

  43. 请使用 array reduce 或者map方法排序数组。

  44. Shift unshift push pop 后数组什么样子。

  45. 快速清空数组方法,试比较或者说出哪些方案比较快速。

  46. 解释如下META

  1. 请在IE8 下实现HTML5标签的兼容

  2. Js 写一单例工厂方法。

  3. 请写出BIND的兼容方案。

  4. 简述VUE的生命周期,每个周期需要做的事情

  5. 请简述REACT子组件如何通知父组件

  6. 请写出高阶组件

  7. 请CODE下VUE的指令,随意实现

  8. 解释REM布局

  9. 请写出过渡和动画的区别和CSS

  10. 请使用JQUERY的 DEFERRED 对象完成PROMISE,请说明哪些版本下有哪些问题。

  11. 了解NODEJS 8.0么 请问util.promisify(),哪些库有类似用法

  12. 如何使用时间戳创建TIME对象

  13. 请分析DOCTYPE作用

  14. Box sizing 作用,正常文本模式和怪异模式下盒子模型有什么区别

  15. [][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]]([][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]]+[])[!+[]+!+[]+!+[]]+(!![]+[][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]])[+!+[]+[+[]]]+([][[]]+[])[+!+[]]+(![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[+!+[]]+([][[]]+[])[+[]]+([][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]])[+!+[]+[+[]]]+(!![]+[])[+!+[]]() 是什么?

  16. 请介绍下TYPESCRIPT,EML, BUCKLESCRIPT,COFFEESCRIPT 等

  17. Loadash 遍历OBJECT

  18. ES2018 中 synchoronous iteration

  19. 请写出CSS 选择器,尽可能多的写

  20. 实现一个翻转效果

  21. 请问浏览器展示动画在多少帧内不卡

  22. Onmouseover 和onmousemove区别

  23. 前端事件代理,请实现下

  24. 如何终止事件的传播,IE CHROME FF

  25. IE BUG 举例

  26. 请实现一个轮播图

  27. 请用promise 或者 可以返回promise的原生函数组织一个请求&显示 其中第一步返回的部分数据在第二个步骤中需要使用到,第二步和第一步的 值需要在第三步中使用

  28. EXPRESS 中实现自动读取一个目录下的ROUTER加载

  29. 请用try catch 实现一个LET兼容实现

  30. History replacehistory 接受哪些参数,第二个参数是什么意思

  31. 删除数组内的2-4个内容,并插入新内容S到删除内容处

  32. 请用NODE 实现一个proxy代理

  33. Node 如何设置开发模式和生产模式

  34. 请写出一些package.json的内容

  35. 请写出.bable内容

  36. Yarn.lock是怎么生成的,package-lock.json是怎么生成的

  37. 提供一个常用的时间处理函数

  38. 请优化首页加载

  39. 请实现一个AMD加载器,使用最简单的方式即可

  40. 为什么一个原始类型会有函数,可以操作它

  41. Es6 class 中static干什么用的,相当于原型链中哪些实现

  42. Node如何开一个子(进程,线程)并且监控

  43. 简述JS ES6 原生模板

  44. 如果可以请写出JS 引擎解析出的抽象语法树

  45. ES6 实现一个迭代器可以使用next

  46. ES6 YIELD 和 * 标示后的函数有什么特点

  47. 请点单说说CANVAS

  48. JS BLOB对象请说下

  49. +0 和 -0 如何可以区别出来

  50. 请解释浏览器的同源

  51. 请解释下CSS中为什么要加入@CHARSET UTF-8

  52. 说说CSS 命名规范

100.解释下JS注解,JDOC等相关的用法