加载中...
PAGE

js 面试题汇总,面经汇总

Post on 2021-10-27 10 0

要准备面试了汇总了一下网上(大部分是掘金)的面经,可以根据题目去搜索答案,这里并不存具体的答案

目录

(∩_∩)O)

HTTP

  • URL从输入到页面渲染全流程 ★★★★★
  • 跨域是什么,解决方案 JSONP CORS ★★★★★
  • GET和POST请求区别 ★★★★★
  • HTTP的状态码有哪些,分别代表什么 ★★★★ 200 301 302 304 401 404 500 502 503 504
  • 讲解一下HTTPS的工作原理 ★★★
  • tcp/ip网络层、三次握手、四次挥手 ★★★
  • HTTP、HTTPS和websocket的区别 ★★
  • cookie,sessionStorage和localStorage的区别 ★★
  • HTTP缓存 (协商缓存和强缓存) ★★
  • 常见的htttp请求头有哪些 ★★
  • HTTP2和HTTP1有什么区别 ★
  • HTTP与TCP/IP或Socket的区别 ★
  • 说下计算机网络的相关协议? ★
  • websocket握手过程 ★
  • 谈谈cookie 和 session ★
  • http 1.1 vs 2.0 ★

HTML

  • 如何避免回流和重绘,回流和重绘何时触发?★★★★★
  • 如何理解HTML语义化 ★★★★
  • 了解盒子模型吗 ★★★
  • 你用过哪些 HTML 5 标签?★★★
  • 什么是事件冒泡和事件捕获,区别是什么(addEventListener第三个参数) ★★
  • H5 是什么? ★★
  • iframe的缺点有哪些? ★
  • 如何实现左边两栏一定比例,左栏高度随右栏高度自适应? ★
  • 移动端自适应布局有哪些方法 ★

CSS

  • 选择器以及选择器的优先级 ★★★★
  • css垂直水平居中的实现方法 ★★★★
  • BFC是什么?如何处理 独立排版 ★★★★
  • 用过Flex吗,能否简单介绍下 (扩展 flex:1) ★★★
  • 两种盒模型分别说一下 ★★★
  • CSS的position属性有哪些分别有什么作用 ★★★
  • 左定宽,右自适应的多种CSS布局方法 (float + margin,float + calc) ★★★
  • 左右定宽,中间自适应的多种CSS布局方法 (float,float + calc, 圣杯布局) ★★★
  • display 有哪些值,inline 和 inline-block 的区别 ★★★
  • animate和translate常用属性介绍 ★★★
  • css预处理器机制 ★★
  • CSS响应式设计的方式 ★★
  • css的rem em px 的区别 ★★
  • 用过Grid吗,能否简单介绍下 ★
  • 伪类和伪元素的区别 ★
  • 绝对定位、固定定位和z-index ★
  • CSS实现宽度自适应100%,宽高16:9的比例的矩形 ★
  • css实现图片自适应宽高 ★
  • CSS实现三角形 ★
  • 块级元素和内联元素 ★
  • 移动端1px适配问题 ★

JS

  • 手写Promise(必考) 以及Promise内部实现原理 ★★★★★
  • 闭包是什么,有什么作用,闭包的使用场景 ★★★★★
  • ES6新特性(ES6需要着重看,每个特性都有可能问) ★★★★★
  • 手写防抖(Debouncing)和节流(Throttling) 防抖和节流的使用场景 ★★★★★
  • 什么是Event Loop?使用场景? (事件循环、事件流) ★★★★★★
  • call、apply和bind的理解、并且进行实现 ★★★★
  • 深拷贝和浅拷贝区别,实现JS深拷贝 ★★★★
  • js性能优化有哪些方法? ★★★★
  • 作用域与作用域链 ★★★★
  • 原型链 ★★★★
  • Ajax的原生写法 手写ajax ★★★★
  • 实现继承,继承的原理 ★★★
  • 实现new操作符,new操作符都做了什么? ★★★
  • 箭头函数的介绍以及使用,箭头函数为什么不能作为构造函数 ★★★
  • this指向问题 (这段代码里的 this 是指什么) ★★★
  • 有使用过Set和Map吗,Set和Map区别 ★★★
  • var,let,const区别 ★★★
  • JS异步方法及回调地狱 ★★★
  • 有使用过async/await,简单介绍下 ★★★
  • 实现JS函数柯里化 ★★
  • defineProperty写出一个对元素的数据监控 ★★
  • 基本数据类型 ★★
  • 实现JSON.parse ★★
  • 数组扁平化实现 ★★
  • 数组去重的实现方式 ★★
  • 数组排序 sort ★★
  • class(有可能需要用es5来实现es6的class) ★★
  • 变量提升 ★★
  • 解释 0.3-0.2=0.99999999… ★★
  • === 和 == 的区别 ★★
  • promise和setTimeout(setInterval)的区别 ★★
  • 实现instanceOf ★
  • instanceof与typeof的区别 ★
  • 实现parseInt ★
  • 手写冒泡排序,选择排序,插入排序,快速排序,贪心排序 ★
  • 实现JSON.stringify ★
  • null和undefined的区别 ★
  • 如何遍历一个dom树 ★
  • JS实现事件绑定的方法 ★
  • 如何判断Array ★
  • JS 垃圾回收机制 ★
  • js 内存管理 ★
  • 面向对象理解 ★
  • 函数式编程理解 ★
  • for in 和 for of 区别 ★
  • 内存泄漏如何定位以及如何解决? ★
  • promise和async await的区别 ★
  • 介绍下事件模型(事件流) ★
  • flutter ★

VUE

  • vue响应式原理 ★★★★★
  • vue生命周期有哪些 每个生命周期都做了什么 ★★★★★
  • vue组件间通信 子 父 兄弟this,parent.parent.children ★★★★★
  • vue的nextTick实现原理以及应用场景 ★★★★
  • vue原理★★★★
  • 讲vue-lazyloader的实现原理,手写伪代码(如果有写简历上,其实就是懒加载的原理) ★★★
  • 有没有使用过Vuex,有哪几种属性,简单介绍Vuex原理 ★★★★
  • 前端路由有没有用过,你在项目中怎么实现路由的嵌套?★★★★
  • watch和computed的区别,分别什么场景下会用到 ★★★
  • vue-router的原理,vue-router 有哪几种导航钩子? ★★★
  • 如何定义vue-router的动态路由,怎么获取传过来的值? ★★★
  • computed实现原理 ★★★
  • watch的实现原理 ★★★
  • vue 对于传统页面开发有什么优点? ★★
  • 单页面与多页面应用区别及优缺点? ★★
  • 订阅者-发布者模式和观察者模式有区别 ★★
  • vue里面的虚拟dom是什么 ★★
  • vue双向绑定实现原理,手写双向绑定实现 ★★
  • 手写vue的mixin方法 ★
  • Vue 虚拟化列表的思路和实现原理 ★
  • Vue 遇到的坑,如何解决? ★
  • SSR 的好处,主要解决什么问题 ★

webpack

  • webpack如何优化编译速度 ★★★★
  • webpack做了什么 ★★★★
  • webpack 热更新原理 ★★★
  • webpack的实现原理 ★★
  • webpack懒加载配置 ★
  • webpack的了解 ★
  • webpack 打包的整个流程,简述 webpack 插件的开发和功能 ★

微信小程序

  • 介绍下小程序的原理 ★★★★
  • 小程序页面之间怎么传参数 ★★★★
  • 微信小程序支付的流程 ★★★★
  • 微信小程序如何实现全局变量监听 ★★★
  • 小程序组件间数据传递 ★★★

其他

  • 前端性能优化手段 ★★★★★
  • 什么是 XSS?如何预防 ★★★★
  • 什么是 CSRF?如何预防?★★★★
  • 什么是 中间人劫持?如何预防?★★★★
  • 首屏加载性能优化 ★★★
  • 什么是MVVM,什么是MVC,MVVM与MVC有什么区别 ★★★
  • express框架的设计思想以及设计原理 ★★
  • 如何预防中间人攻击 ★
  • 你能说说缓存么 ★
  • 前端语言体系三要素 ★
  • 关系型和非关系型数据库的区别 ★
  • 项目里面的前端鉴权是怎么实现的? ★

非技术类问题

  • 你未来对于你的职业有什么规划(未来的规划) ★★★★★
  • 为什么要离开现在的公司 ★★★★
  • 你期望的薪资待遇是多少 ★★★★
  • 谈谈你在公司的绩效情况 ★★★★
  • 你有什么问题? ★★
  • 平常怎么学习前端? ★★★
  • 你们公司的岗位等级是怎么评定的,你现在是什么岗位等级 ★★★
  • 工作过程中遇到什么困难?如何解决? ★★★
  • 你觉得你做的最有成就感的一件事 ★★
  • 你一般解决问题的方法有哪些 ★★
  • 你最近在看什么书,和工作相关么,你为什么要看这些书 ★★
  • 为什么选择前端? ★★
  • 你领导对你的评价是怎么样的 ★
  • 你有对你所在的公司做过什么流程或制度规范上的改进么 ★
  • 你一般解决问题的方法有哪些 ★
  • 你是因为什么契机选择做前端 ★

有小伙伴觉得哪些缺少或错误的,可以直接私信我,最好带上你认为的星级

js 10分钟学会隐式转换

js 10分钟学会隐式转换

阅读更多
服务器文件上传500报错,500 InternalServerError

服务器文件上传500报错,500 InternalServerError

阅读更多
微信小程序 简易的滑动选择框

微信小程序 简易的滑动选择框

阅读更多

暂无评论

    发表评论
    返回顶部
    X