25年最新前端面试题面经总结(场景题 带解析)好不容易摸鱼整理完了

64 阅读5分钟
  1. 前端如何实现截图?
  2. js超过Number最⼤值的数怎么处理?
  3. 如何实现浏览器内多个标签页之间的通信?
  4. HTML5 的离线储存的使用和原理?
  5. 怎样处理 移动端 1px 被 渲染成 2px 问题?

篇幅原因先展示以下这些内容,有更多需要可以:点击这里

  1. Canvas 和 SVG 图形的区别是什么??

  2. meta 标签?

  3. iframe 的优缺点

  4. 浏览器是如何渲染页面的

  5. cookies,sessionStorage,localStorage 的区别

  6. 简述⼀下src与href的区别?

  7. ⾏内元素有哪些?块级元素有哪些? 空(void)元素有那些?⾏内元 素和块级元素有什么区别

  8. 如何保证⽤⼾的使⽤体验

  9. 如何解决⻚⾯请求接⼝⼤规模并发问题

  10. 设计⼀套全站请求耗时统计⼯具

  11. ⼤⽂件上传了解多少

  12. H5如何解决移动端适配问题

  13. 站点⼀键换肤的实现⽅式有哪些?

  14. 如何实现⽹⻚加载进度条?

  15. 常⻅图⽚懒加载⽅式有哪些?

  16. cookie构成部分有哪些

  17. 扫码登录实现⽅式

  18. DNS协议了解多少

  19. 使⽤同⼀个链接,如何实现PC打开是web应⽤、⼿机打开是⼀个H5应⽤?

  20. 函数式编程了解多少?

  21. 前端⽔印了解多少?

  22. 什么是领域模型

  23. ⼀直在window上⾯挂东西是否有什么⻛险

  24. 深度SEO优化的⽅式有哪些,从技术层⾯来说

  25. ⼩程序为什么会有两个线程

  26. web应⽤中如何对静态资源加载失败的场景做降级处理

  27. html中前缀为data-开头的元素属性是什么?

  28. 移动端如何实现上拉加载,下拉刷新?

  29. 如何判断dom元素是否在可视区域

  30. 前端如何⽤canvas来做电影院选票功能

  31. 如何通过设置失效时间清除本地存储的数据?

  32. 如果不使⽤脚⼿架,如果⽤webpack构建⼀个⾃⼰的react应⽤

  33. package.json⾥⾯sideEffects属性的作⽤是啥

  34. script标签上有那些属性,分别作⽤是啥?

  35. 为什么SPA应⽤都会提供⼀个hash路由,好处是什么?

  36. [React]如何进⾏路由变化监听

  37. 单点登录是是什么,具体流程是什么

  38. web⽹⻚如何禁⽌别⼈移除⽔印

  39. ⽤⼾访问⻚⾯⽩屏了,原因是啥,如何排查?

  40. [代码实现]JS中如何实现⼤对象深度对⽐

  41. 如何理解数据驱动视图,有哪些核⼼要素?

  42. JS执⾏100万个任务,如何保证浏览器不卡顿?

  43. 请你讲一讲 CSS 的权重和优先级

  44. 介绍 Flex 布局,flex 是什么属性的缩写

  45. CSS 怎么画一个大小为父元素宽度一半的正方形?

  46. CSS实现自适应正方形、等宽高比矩形

  47. 用css2和css3分别写一下垂直居中和水平居中

  48. 实现两栏布局的方式

  49. 实现三列布局的方式

  50. visibility 和 display 的差别(还有opacity)

  51. BFC会与float元素相互覆盖吗?为什么?举例说明

  52. 说一下你知道的position属性,都有啥特点?

  53. 两个div上下排列,都设margin,有什么现象?

  54. active-class是哪个组件的属性?嵌套路由怎么定义?

  55. 怎么定义vue-router的动态路由?怎么获取传过来的动态参数?

  56. vue-router有哪几种导航钩子?

  57. scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?

  58. mint-ui是什么?怎么使用?说出至少三个组件使用方法

  59. v-model是什么?怎么使用? vue中标签怎么绑定事件

  60. axios是什么?怎么使用?描述使用它实现登录功能的流程?

  61. visibility 和 display 的差别(还有opacity)

  62. 什么是RESTful API?怎么使用

  63. 57.了解box-sizing吗

  64. 谈谈你对 React 的了解(必会)

  65. 什么是 JSX?为什么浏览器无法读取 JSX?(必会)

  66. shouldComponentUpdate 是做什么?

  67. React 性能优化是哪个周期函数?

  68. React 中 keys 的作用是什么?

  69. React 中 refs 的作用是什么?

  70. 请列举 React 中定义组件的方法?

  71. 调用 setState 之后发生了什么?

  72. 你怎么理解 redux 的 state 的?

  73. 除了在构造函数中绑定 this,还有其它方式吗?

  74. (在构造函数中)调用 super(props)的目的是什么?

  75. 简述 flux 思想?

  76. 事件在 React 中的处理方式?

  77. 列出 Redux 的核心方法?

  78. (组件的)状态(state)和属性(props)之间有何不同?

  79. 什么是 Webpack

  80. Webpack 的优点是什么?

  81. Webpack 的构建流程是什么?从读取配置到输出文件这个过程尽量说全

  82. 说一下 Webpack 的热更新原理

  83. Webpack 与 grunt、gulp 的不同?

  84. 有哪些常见的 Loader?他们是解决什么问题的?

  85. Loader 和 Plugin 的不同?

  86. 如何利用 Webpack 来优化前端性能

篇幅原因先展示以下这些内容,有更多需要可以:点击这里

1753178572575.png