2020面试题知识点(上篇)

110 阅读3分钟

前言

本文并没有题目的答案,请自行搜索学习。

html

  1. html5的新特性
  2. 列一些meta标签属性

css

  1. BFC是什么,应用场景是什么
  2. 垂直居中的方案
  3. 移动端适配方案,rem的根元素fontSize设置
  4. 移动端1px方案
  5. 浮动布局,清除浮动
  6. position属性
  7. flex布局
  8. display:inline-block出现的问题,怎么解决
  9. 盒模型
  10. 两列布局和三列布局的实现
  11. 什么是 CSS 选择器权重以及它如何工作
  12. css 伪类与伪元素区别

javascript

  1. 数据类型
    • 数据类型有哪些,包括BigInt
    • 检测数据类型的方法
    • undefined和null区别
    • BigInt和Symbol的理解
    • null是对象吗,为什么
  2. 数组
    • 数组去重的方法(多种)
    • 实现数组扁平化的方法(多种)
  3. 函数
    • 作用域和作用域链
    • this指向问题
    • call、apply和bind的区别
    • arguments为啥不是数组,怎么转换成数组
    • 闭包是什么,为啥用它,缺点是什么
    • 柯里化
    • 执行上下文
    • 立即执行函数
  4. 对象
    • 原型和原型链
    • js继承方法,es6的继承
    • 获取原型的方法
    • new的过程
    • 深拷贝和浅拷贝
    • 获取对象属性的方法
  5. DOM
    • 事件委托
    • 事件捕获和事件冒泡
    • DOM和BOM的区别
    • DOM操作的常用API有哪些?
    • mouseover和mouseenter的区别
  6. ES6
    • var,let,const的区别
    • 箭头函数和普通函数的区别
    • promise的理解
    • 解构赋值
    • for of 和 for in区别
    • 介绍下 Set、Map、WeakSet 和 WeakMap 的区别
    • Proxy
  7. 其他
    • 设计模式
    • 防抖throttle和节流debounce:含义,应用场景,手写方法
    • 内存泄露
    • 垃圾回收
    • js延迟加载
    • js模块化(commonjs/AMD/CMD/ES6)
    • 函数式编程
    • script中defer和async的区别
    • 常用的正则表达式

手写系列

  1. 手写一个call/apply/bind效果
  2. 手写一个new效果
  3. 手写一个promise,promise.all,promise.retry,promise.prototype.finally
  4. 手动实现一下instanceof的功能
  5. 手写斐波那契数列及其优化
  6. 手写一个findIndex
  7. 实现一个快排
  8. 实现柯里化currying函数,反柯里化
  9. 实现寄生组合式继承
  10. 手写ajax,可用promise封装
  11. es5实现Array的map, filter,reduce方法
  12. 手写一个sleep函数
  13. 写一个函数,可以控制最大并发数
  14. 实现订阅者模式eventEmitter(emit,on,off,once)
  15. 实现观察者模式observer
  16. 实现单例模式
  17. 将一个同步callback包装成promise形式
  18. 基于Generator函数实现async/await原理
  19. 实现Object.create方法
  20. 手写一个JSONP实现
  21. js获取url的params

浏览器

  1. 从输入URL到呈现页面过程
  2. http和https的区别
  3. http状态码
  4. http缓存(强缓存/协商缓存/缓存位置/CDN缓存)
  5. 跨域(JSONP/CORS/WebSocket/nginx/iframe)
  6. GET 和 POST 的区别
  7. Http请求中的keep-alive
  8. TCP的三次握手和四次挥手
  9. 重绘和回流
  10. xss和csrf攻击,如何防范
  11. 事件循环eventloop
  12. 浏览器存储Cookie、localStorage、sessionStorage的区别
  13. requestAnimationFrame的理解,与定时器相比, 模拟定时器的写法
  14. 路由(window.history和hash)

后续

2020面试题知识点(下篇)