美团面经

简介: 前端面试高频题库,涵盖HTML语义化、CSS布局(BFC、Flex、Grid)、JavaScript核心(原型链、闭包、事件循环)、DOM操作、异步编程(Promise、async/await)、HTTP协议、浏览器原理、Vue响应式、性能优化等全栈知识点,助力系统掌握前端技术体系。
  1. input标签的type有哪些类型?
  2. 语义化标签写一个头部信息,章节,尾部信息
  3. 说一些H5的语义化标签以及他们的作用和在浏览器的表现
  4. 知道BFC和IFC吗
  5. less和scss用过吗?区别是啥?
  6. 水平垂直居中
  7. margin坍塌---> BFC 问题
  8. css动画
  9. grid的所有属性
  10. 三栏布局
  11. position定位
  12. rem以及如何实现移动端适配
  13. 实现一个上中下左右的经典布局
  14. 实现一个类似百度的搜索框,点击后下面出现一个div,我要怎么让我点到旁边的时候他消失
  15. 三个不同高度的div使其在一排垂直居中的方法
  16. 盒模型
  17. 层叠上下文
  18. flex了解吗?讲一下
  19. display属性有哪些?
  20. position属性有哪些?每一个属性的作用,使用?
  21. css中引入样式有哪几种方法,不考虑预处理和正常的三种方法,有没有其他的方法?
  22. css选择器优先级,说说有几种方法可以超过id选择器?
  23. position的几个属性?分别对应的使用场景(布局),如何去使用?
  24. 实现一个可以设置样式的弹框组件
  25. 栅格系统,CSS大概怎么分的
  26. promise如何取消?
  27. co模块内部是如何运行的?
  28. await内部的原理?
  29. JS中substr与substring的区别?
  30. javascript中childNodes与children的区别?
  31. HTMLCollection和NodeList的差异?
  32. map和foreach的区别,像foreach一样影响原数组的有哪些方法?
  33. getElementsByName和querySelectorAll的区别?
    ○ 实现一个on和emit
  34. 事件模型,捕获与冒泡,哪些事件没有冒泡,没有冒泡的原因是什么
  35. 事件代理,中间一个不需要事件怎么办,代理的元素内部还有元素怎么办
  36. input事件传播
  37. 原型链
  38. ajax怎么请求数据的,reayState
  39. 防抖节流
  40. const
  41. 说一些常用array的api
  42. class interface function的区别
  43. 面向对象的三大特性
  44. addEventLinsener与普通事件绑定的区别
  45. stopPropagation包括捕获吗
  46. 在原型链上添加一个方法让他每隔两秒就打印一次name属
  47. 一个数组怎么实现下标每隔3倒序输出一次
  48. Event loop是什么
  49. 箭头函数和普通函数区别
  50. 原生dom,输出每一个li里的内容(手写)
  51. 用settimeout实现一个setinterval (在实现这个过程中,为什么settimeout不会发生栈溢出现象)
  52. 解释一下instanceOf的原理(手动实现一个instanceOf)
  53. 解释一下hasownproperty
  54. JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别
  55. ES6新特性有哪些?
  56. 异步的解决方案?async与await的使用?
  57. 实现一个自己的迭代器
  58. 如何使用Promise实现一个多异步任务顺序执行呢???(掌握)
  59. 判断数据类型的方法
  60. typeof可以得到什么
  61. call,apply,bind bind怎么实现的
  62. cookie的操作封装
  63. 双向数据绑定和单(双)向数据流
  64. vue组件通信
  65. spa应用,v-dom,diff算法,mvvm,组件化开发
  66. eventBus跟vuex的区别
  67. 抛开react的diff算法,怎么实现dom对比
  68. vue响应式原理,defineproperty,proxy,对比一下两者
  69. vuex
  70. keep-alive
  71. 闭包
  72. computed watch
  73. 使用路由做前端拦截的具体实现是什么?
  74. vue-router实现的几种方式和原理?
  75. vuex的有哪些作用和使用场景,实现原理是什么?
  76. axios的使用?原理简单讲一下?
  77. 浏览器的同源策略?
  78. 跨域有哪些方法?document.domain的限制是啥?CORS的实现原理?
  79. 跨域问题。手写jsonp。说说代理服务器具体那种。
  80. 回流重绘
  81. 实现页面多ajax请求完成后渲染页面
  82. CSS文件没下载完会影响CSS树吗?
  83. 浏览器机制
  84. 浏览器存储的几种方式?每一种存储方式的使用场景,有什么注意点?
  85. 浏览器安全上的几种问题?如何解决?(这里我觉得需要将安全问题的始末讲出来,最好不要解释概念,每一种措施实施的根据是什么?)
  86. 词法分析变成抽象语法树的原因
  87. es6如何转换es5?babel的原理是啥?
  88. http能取消吗?如何取消?
  89. http2与http1.1的区别?
  90. url的定义,规范?
  91. tcp过程,http过程,两者啥关系
  92. http报文组成(比如cookie设置哪些,生命周期,http-only,又追问xss。connection取值。缓存机制相关的,哪些字段是游览器缓存哪些是代理服务器缓存优先级如何)
  93. http状态码
  94. post传值都有哪些类型,如果请求参数错了会有什么提示
  95. ip层和网络层是干什么的
  96. 强缓存和协商缓存
  97. http和https
  98. 冯诺依曼计算机结构
  99. 进程跟线程
  100. 死锁
  101. git工作流程,常用的git命令有哪些,rebase的原理?
  102. git合并,发生冲突之后怎么处理
  103. 长列表性能优化?
  104. 从url输入到前端页面展示的过程?
  105. lru是啥?
  106. 网页上边出现广告的现象见没见过,什么原因。
  107. 页面白屏如何处理,想到的场景以及处理办法
  108. 工程化的理解
  109. 设计模式还有哪些
  110. 如果打包的js文件过大如何进行优化
  111. node的Stream和Buffer区别。
  112. 快排
  113. 求1到N之间的素数,方法要求复杂度为O(n)
  114. 乱序输出一个数组,要求输出每个数字的概率相同
  115. O(n)方法找出有序数组第一个指定数字
  116. 实现一个乱序
  117. 实现一个函数,对一个已排序的且含有重复数字的数组,找到重复数字第一次出现的位置(二分查找)
相关文章
|
Web App开发 JavaScript 前端开发
Node.js 的事件循环原理、工作流程
Node.js 的事件循环原理、工作流程
496 0
|
7月前
|
缓存 前端开发 JavaScript
头条面经
涵盖前端、网络、JS核心、框架及算法等多方面知识,包括深拷贝、双向绑定、HTTP缓存、跨域、Vue原理、TCP/UDP、设计模式、事件循环、类型判断、闭包、原型链、性能优化等高频面试题,全面考察技术深度与综合能力。
|
存储 前端开发 JavaScript
第六章(原理篇) 微前端间的通信机制
第六章(原理篇) 微前端间的通信机制
688 0
|
7月前
|
存储 对象存储
服务端(Cursor)-接口开发(文件上传)
Sealos开通对象存储服务,首次使用需创建Bucket并填写名称。根据接口文档实现文件上传:POST请求至/upload,参数为file,返回文件访问路径。配置AK/SK及内外网地址,使用指定存储桶。通过ApiFox测试上传,文件将同步至Sealos对象存储。详细操作参考官方指南。
|
8月前
|
缓存 Rust 前端开发
深入理解 Webpack 与 Vite 的构建差异与性能边界
本文深入对比 Webpack 与 Vite 的构建原理与性能差异。Webpack 采用“打包优先”策略,功能强大但启动慢;Vite 基于原生 ESM 实现“按需编译”,显著提升开发效率,冷启动和 HMR 速度远超 Webpack。生产环境下 Vite 凭借 esbuild 和 Rollup 生成更小体积、更快构建。二者在生态、配置、资源消耗等方面各有优劣,适用于不同场景。新项目推荐优先考虑 Vite,追求极致开发体验;大型复杂项目仍可选用 Webpack。理解其核心差异是优化构建流程的关键。
1300 1
|
8月前
|
弹性计算 固态存储 Java
新手上云参考:阿里云服务器购买配置选择注意事项及购买流程参考
对于还未使用过阿里云服务器的新手用户而言,可能不是很清楚阿里云服务器的配置选择及购买过程,对于这些初次接触阿里云的新手来说,究竟该如何挑选合适的云服务器配置,并顺利完成购买呢?这无疑是他们最为关心的问题。为此,小编整理了一份2025年购买阿里云服务器的完整流程指南,旨在为新手用户提供有力的参考,助力他们在购买阿里云服务器配置时少走弯路!
384 1
|
JavaScript 前端开发 算法
vue渲染页面的原理
vue渲染页面的原理
438 56
|
前端开发 数据处理
对象数据的读取,看这一篇就够了!Object.keys()、Object.values()和Object.entries()用法详解;如何获取对象原型链上的属性
Object.keys()、Object.values()和Object.entries()都是利于对象操作的便捷方法,能有效提升数据处理的效率。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发 API
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
Vue.js响应式原理深度解析:从Vue 2到Vue 3的演进
599 17

热门文章

最新文章