前端面试题收集

三月 25, 2019

2019-03-20

  1. 自我介绍；
  2. react的生命周期；
  3. react第一次render了会干什么；
  4. react render后再获取新的数据进行渲染会执行怎么样的流程，画出来（diff？）；
  5. es6的新特性有哪些；
  6. 让你架构react native项目的选型设计，你会考虑什么，怎么设计；
  7. react native怎么做性能优化；
  8. 热更新设计；
  9. web与原生端通信原理jsBridge；
  10. react组件间如何通信；
  11. a = [], a[0] = 0, a[100] = 100 问a的长度是多少，此时用foeach遍历a会遍历多少次；
  12. arr=[{grade: 40},{grade: 60},{grade: 50}, {grade: 60}], 过滤掉grade>=60的对象，并返回数据，可以怎么做；
  13. setTimeout(fn, 0)为什么不是立即执行；
  14. 设计一个带了超时的fetch；
  15. 匿名函数和箭头函数的差异；
  16. Node如何写一个搞崩多核cpu的程序；
  17. SocketIo的运用，和Cluster一起使用有什么问题；
  18. Mongoose的聚合查询；
  19. 一个博客FlatList组件和一个帖子FlatList组件，现在要根据请求回来的数据，重新抽离出一个新的组件来使用，你会怎么做；
  20. Http/Https的区别，怎么使用用Http传输加密数据；
  21. redux中你怎么请求数据；
  22. 解释下控制反转和依赖注入；
  23. 让你最难忘的一次项目经历；
  24. 你有什么问题要问；

2019-03-21

  1. webpack 有哪些优化打包的手段；
  2. webpack cdn配置
  3. webpack怎么打包成多个js
  4. setState是异步还是同步，原理机制；
  5. http强缓存和协商缓存；
  6. Manifest的原理；
  7. 原码、反码、补码原理；
  8. 1234567890.12 怎么用正则转换成 1,234,567,890.12；

  9. bind的使用：

    var x = 4;
var a = { x: 1 };
var b = { x: 2 };
var c = { x: 3 };

var echoFunc = function() {
  console.log(this.x);
}

echoFunc();

var func1 = echoFunc.bind(a);
func1();

var func2 = echoFunc.bind(a).bind(b);
func2();

var func3 = echoFunc.bind(a).bind(b).bind(c);
func3();
// node环境：undefined,1,1,1
// 浏览器：4,1,1,1

  10. 实现Promise；

2019-04-03

  1. 媒体查询兼容不同浏览器的写法
    /* 在写css样式的时候，有时候需要兼容IE不同的版本，这个时候可以用到媒体查询来处理 */
/* 一，支持IE10及以上 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   css代码
}

/* 二，支持IE9及以上 */
@media screen and (min-width:0\0) {
   css代码
}

/* 三，支持IE8及以上 */
@media screen\0 {
   css代码
}

/* 四，仅支持IE8 */
@media \0screen {
   css代码
}

/* 五，支持IE8及以下 */
@media \0screen\,screen\9 {
   css代码
}

/* 六，支持IE7及以下 */
@media screen\9 {
   css代码
}

/* 七，仅支持谷歌 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   css代码
}
← DDA算法 cmd终端设置代理 →