美团面经

简介: 前端面试高频题库,涵盖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. 实现一个函数,对一个已排序的且含有重复数字的数组,找到重复数字第一次出现的位置(二分查找)
相关文章
|
3月前
|
缓存 前端开发 JavaScript
头条面经
涵盖前端、网络、JS核心、框架及算法等多方面知识,包括深拷贝、双向绑定、HTTP缓存、跨域、Vue原理、TCP/UDP、设计模式、事件循环、类型判断、闭包、原型链、性能优化等高频面试题,全面考察技术深度与综合能力。
|
Web App开发 JavaScript 前端开发
Node.js 的事件循环原理、工作流程
Node.js 的事件循环原理、工作流程
431 0
|
监控
云监控
云监控
402 1
|
存储 Shell Linux
【Shell 命令集合 文件管理】Linux 读取命令 read命令使用指南
【Shell 命令集合 文件管理】Linux 读取命令 read命令使用指南
525 0
|
机器学习/深度学习 算法 数据挖掘
Python 图像处理实用指南:6~10
Python 图像处理实用指南:6~10
833 0
|
27天前
|
域名解析 弹性计算 安全
零基础也会!阿里云建站完整流程,看完直接上手
阿里云建站全流程指南(2026最新版):零基础也能上手!涵盖域名注册与实名认证、ECS服务器选购配置、ICP备案(1-20工作日)、网站部署、DNS解析及HTTPS证书配置六大步骤,全程合规安全,助你快速上线个人或企业网站。
493 2
|
22天前
|
安全 JavaScript
文本字符数统计 在线工具分享
专为内容创作者设计的在线字数统计工具!支持实时统计中/英文、数字、空格等字符数,无需注册、不传数据,隐私安全。适配公众号、小红书、作业、简历等多场景,手机电脑即开即用。
366 7
|
8月前
|
运维 监控 应用服务中间件
运维打铁: Ruby 脚本在运维自动化中的应用探索
Ruby 是一种简洁、动态类型的编程语言,适合运维自动化任务。本文介绍了其在服务器配置管理、定时任务执行和日志分析处理中的应用,并提供了代码示例,展示了 Ruby 在运维自动化中的实际价值。
361 2
|
机器学习/深度学习 传感器 人工智能
深度学习之自主学习和任务规划
基于深度学习的自主学习和任务规划,是指通过深度学习算法使人工智能(AI)系统能够自主地从环境中学习,并根据特定的目标和任务,规划出有效的解决方案。
667 3