作为前端面试官给大家分享一下日常常用试题[原创]

前言

作为前端面试官,几乎每天都要对后选人进行面试。来来去去都是面试那几个问题。但同一个问题,候选人的回答都是多种多样的。

前端面试指南图片

下面就列一些自己日常可能会对候选人问到的一些问题

  1. 请描述一下你对前端自适应Rem的理解?【常用】
  2. 使用样式分别如何设置行元素、块元素上下垂值居中,还有没有其它方法?
  3. 请说一下你对bootstrap的栅格系统的理解?
  4. 请分别说一下你对浮动布局、绝对定位布局和弹性布局的理解?
  5. Css3动画中的transition与animation有什么区别,有没有用过什么常用的css3动画库?
  6. 有没有处理过什么兼容性的问题?移动端及PC端的,如何解决?【常用】
  7. 使用过javascript数组Array的方法有哪些,有使用过哪些高阶函数
  8. 谈谈你对Js防抖动处理或者阙值处理的理解,如window.onresize、window.onscroll?
  9. 实现一个简单的swiper轮播组件的思想,支持PC&移动端的?
  10. Dom的原生事件如click,移动端与PC端有什么区别,有哪些,都说一下,越多越好?
  11. Es 6类构造函数中调用super()函数的作用是什么?
  12. 谈谈你对前端输入校验的理解。
  13. document.createDocumentFragment()有用过吗?有什么好处?
  14. 先display:none,然后操作Dom的超级大批量增删改,再display:block有什么好处?
  15. Object.create(null)有用过吗?有什么好处?
  16. 如何实现一个对象的浅克隆深度遍历
  17. 介绍一下经典的发布订阅模式及实现应用有哪些,如Event Bus等说说你的理解?
  18. 说说你对前端路由的理解。
  19. 前端优化的方式有哪些?越多越好
  20. 说一下你接触过的一些经典算法,使用js实现冒泡及数组去重,要注意一些边界条件。
  21. 异步回调地狱及异步流处理,promise.all的理解。
  22. 谈谈你对jsonp的理解。
  23. 谈谈你对前端安全的理解。XSS,CSRF,SQL注入,接口防刷,常用的加密方式用过哪些?
  24. 使用过的自动化构建工具有哪些?各有什么优缺点?gulp, gruntjs, webpack和rollup?
  25. 浏览器打开页面时发生了什么?【常用】
  26. 你是如何学习前端知识的?有自已的技术博客吗或github上有没有什么开源的项目?【常用】
  27. 有关注或者了解过前端前沿的一些技术吗?
  28. 有没有使用过canvas,svg及iconfont?谈谈你的理解。
  29. 如何提高HTML5 canvas性能?
  30. 样式重置Es6 polyfill的作用是什么?
  31. 英语水平如何?能否读懂vue官网英文文档?【常用】
  32. Vue自定义指令、自定义过滤器及自定义组件的理解,如何实现方可挂载到全局使用?
  33. 说说Vue的生命周期有哪些?
  34. 说说Vue中Slot的使用及作用。
  35. Vue深度Watch用过吗?为什么要用?
  36. Vue中如何让定义的样式作用到子组件?
  37. Vue中如何做请求拦截?为什么要拦截?
  38. Vue中为什么要做路由拦截?可以实现什么功能?如何做鉴权
  39. Vue使用中有没有遇到过数组数据更新,视图未更新的情况?如何处理?
  40. 简单说说Vue的实现原理
  41. 谈谈你平时在Vue项目有没有做过什么优化处理,如兼容性处理等,gzip,ssr等?
  42. 谈谈反向代码或者在Vue项目中如何设置反向代理进行接口联调,为什么要进行反向代理?
  43. Vue是如何进行模板编译的?Vue监听状态变化的原理是?
  44. 移动端中如何调试Webview中的页面?有没有用过v-console或者fiddler?
  45. 谈谈你对react的生命周期的理解。
  46. 简单谈谈你对virtual Dom及Diff算法的理解。
  47. react hooks有了解过吗?
  48. 你对redux及中间件的理解?
  49. 谈谈你对react无状态组件的理解。
  50. 如何mock数据来辅助开发?
  51. 有没有用过什么开源UI库,elementUI,MintUI,ant-design等等。用过些什么组件。如何做地址级联
  52. 谈谈你对小程序的理解?
  53. 谈谈你前端实现native开发,包括RN或者Weex的理解。
  54. 有没有接触过hybrid APP的开发如Phonegap / Ionic。
  55. 有没有接触过桌面多终端开发的相关解决方案,如electron / nw.js。
  56. 数据可视化方面常用的库有哪些?熟悉哪些?
  57. h5小游戏有没有相关经验?
  58. 项目中遇到过什么困难?如何解决?【常用】
  59. 做过什么你认为最复杂最让你自己引以为豪的项目?为什么?
  60. 对于http 2.0或者3.0与http 1.0有什么区别?
  61. 有没有了解过PWA。
  62. flow及typescript有什么区别?
  63. 谈谈你对lerna.js的理解。
  64. 谈谈你觉得自己做的最引以为豪的一个项目,为什么?【常用】
  65. 谈谈你常用到的一些操作数组的方法。【常用】
  66. 前后端SPA页面缓存机制如何设置(特别针对微信)?【重要】

要注意以上加粗的内容都是前端开发中比较重要的一些知识要点,要进行系统的学习并结合一系列项目实践才可以更加深刻的理解。

持续更新中…

作者: 博主

Talk is cheap, show me the code!

《作为前端面试官给大家分享一下日常常用试题[原创]》有一个想法

  1. 长期招前端,地点:广州 珠江新城高大上写字楼,有兴趣直接联系本博博主
    1、对web标准有良好认识,能够高保真还原设计稿,兼容各种浏览器(熟悉移动端各种手机兼容性处理);
    2、熟练掌握ES6、ES7,熟悉webpack、git等工具;
    3、熟练掌握CSS预处理器、前端自动化构建、CSS3动画设计;
    4、熟练掌握Vue.js,理解前端MVVM框架;
    5、熟悉微信公众号H5,小程序开发;
    6、熟悉Canvas、SVG、Echarts、D3.js等可视化技术;
    7、了解java、nodejs、python、php或者其他任何一门服务端语言;
    8、有良好的编码习惯,结构清晰、命名规范、逻辑性强;

发表评论

电子邮件地址不会被公开。

Captcha Code