听阳光的猫

道阻且长、望你如一

0%

前端押题

发表于 分类于
本文字数： 1.5k 阅读时长 ≈ 1 分钟

大部分答案可以在谷歌上搜到

套路：1.举例 2.将不会的变成会的 3. 侃侃而谈

HTML押题

  1. 必考：你是如何理解 HTML 语义化的？
  2. meta viewport 是做什么用的，怎么写？
  3. 你用过哪些 HTML 5 标签？
  4. H5 是什么？

image-20210318174014371

HTML5语义化

canvas入门手册

CSS押题

  1. 必考：两种盒模型分别说一下。
  2. 必考：如何垂直居中？
  3. 必考：flex 怎么用，常用属性有哪些？
  4. 必考：BFC 是什么？
  5. CSS 选择器优先级
  6. 清除浮动说一下

image-20210318173855525

七种方式实现垂直居中

原生 JS押题

  1. 必考：ES 6 语法知道哪些，分别怎么用？
  2. 必考 Promise、Promise.all、Promise.race 分别怎么用？
  3. 必考：手写函数防抖和函数节流
  4. 必考：手写AJAX
  5. 必考：这段代码里的 this 是什么？
  6. 必考：闭包/立即执行函数是什么？
  7. 必考：什么是 JSONP，什么是 CORS，什么是跨域？
  8. 常考：async/await 怎么用，如何捕获异常？
  9. 常考：如何实现深拷贝？
  10. 常考：如何用正则实现 trim()？
  11. 常考：不用 class 如何实现继承？用 class 又如何实现？
  12. 常考：如何实现数组去重？
  13. 放弃：== 相关题目（反着答）
  14. 送命题：手写一个 Promise

image-20210318174506459

image-20210318174921239

JS 中的闭包是什么？

this 的值到底是什么

image-20210318210350401

image-20210318210952388

image-20210318211201165

image-20210318211836651

image-20210318212329629

什么是 JS 原型链

image-20210318212628896

image-20210318212800997

DOM

  1. 必考：事件委托
  2. 曾考：用 mouse 事件写一个可拖曳的 div

image-20210318213656099

HTTP

  1. 必考：HTTP 状态码知道哪些？分别什么意思？
  2. 大公司必考：HTTP 缓存有哪几种？
  3. 必考：GET 和 POST 的区别
  4. Cookie V.S. LocalStorage V.S. SessionStorage V.S. Session

image-20210318214336517

框架 Vue

  1. 必考：watch 和 computed 和 methods 区别是什么？
  2. 必考：Vue 有哪些生命周期钩子函数？分别有什么用？
  3. 必考：Vue 如何实现组件间通信？
  4. 必考：Vue 数据响应式怎么做到的？
  5. 必考：Vue.set 是做什么用的？
  6. Vuex 你怎么用的？
  7. VueRouter 你怎么用的？
  8. 路由守卫是什么？
  9. 深入响应式原理
  10. Computed 计算属性的用法？跟 Methods 的区别。
    https://zhuanlan.zhihu.com/p/33778594

image-20210318215309351

框架 React

  1. 必考：受控组件 V.S. 非受控组件
  2. 必考：React 有哪些生命周期函数？分别有什么用？（Ajax 请求放在哪个阶段？）
  3. 必考：React 如何实现组件间通信？
  4. 必考：shouldComponentUpdate 有什么用？
  5. 必考：虚拟 DOM 是什么？
  6. 必考：什么是高阶组件？
  7. React diff 的原理是什么？
  8. 必考 Redux 是什么？
  9. connect 的原理是什么？

TypeScript

  1. never 类型是什么？
  2. TypeScript 比起 JavaScript 有什么优点？

Webpack

  1. 必考：有哪些常见 loader 和 plugin，你用过哪些？
  2. 英语题：loader 和 plugin 的区别是什么？
  3. 必考：如何按需加载代码？
  4. 必考：如何提高构建速度？
  5. 转义出的文件过大怎么办？
  6. 写过 webpack loader 吗？

上面五题请看这个不错的参考：zhuanlan.zhihu.com/p/44438844

image-20210318220246762

安全

  1. 必考：什么是 XSS？如何预防？
  2. 必考：什么是 CSRF？如何预防？

image-20210318220139480

开放题目

  1. 必考：你遇到最难的问题是怎样的？
  2. 你在团队的突出贡献是什么？
  3. 最近在关注什么新技术
  4. 有没有看什么源码，看了后有什么记忆深刻的地方，有什么收获

刁钻题目

  1. 代码[1,2,3].map(parseInt)
  2. 代码var a = {name: ‘a’} a.x = a = {} 问 a.x 是多少？
  3. (a ==1 && a== 2 && a==3) 可能为 true 吗？

image-20210318221518139

超纲题

  1. JS 垃圾回收机制
  2. Eventloop 说一下

个性化题目

  • PWA
  • echarts.js / d3.js
  • three.js
  • flutter
  • SSR