前端面经(待整理)

http

http相关没有特别难的,常见的了解下就没问题。

  1. 介绍Http2,优点和存在什么坑或问题(必考)
  2. HTTP报文的请求和返回会有几个部分(请求行、请求头、请求体);每部分具体都有什么(常见的请求头)
  3. GET和POST的区别
  4. 输入url到页面加载全过程(必考)
  5. 介绍HTTPS;HTTP和HTTPS的区别(必考)
  6. HTTPS加密过程
  7. HTTP缓存控制(强缓存、弱缓存);缓存相关的HTTP请求头(必考)
  8. 对跨域的了解,跨域怎么解决(必考)
  9. cors的返回头、cors预请求,什么时候会出发预请求(必考)
  10. tcp的长连接和http2多路复用相关
  11. tcp拥塞控制和流量控制
  12. 三次握手四次挥手,为什么三次和四次
  13. 前端性能优化(必考)

css

css最近问的越来越少了,只要会写常见的布局就ok,难点的答不出来也没事。相比移动端相关的会问题的比较多。

  1. 盒模型
  2. positon的值,都是根据什么定位(注意下还有sticky)
  3. 栅格布局的原理
  4. 垂直居中布局
  5. 上中下布局,中间自适应
  6. 左中右布局,中间自适应
  7. 什么css可以减少重绘
  8. 动画相关属性
  9. 移动端适配方案(必考)
  10. 移动端适配1px的问题
  11. lineheight属性1.5和150%区别
  12. em和rem的区别

js

重中之重,没啥可说的刷题就完事了,而且像节流防抖、bind、promise之类的都要会手写。这里就不标必考了,因为大部分都是重点。

  1. 判断数组方法
  2. Object.assign和Object.create相关
  3. 深拷贝和浅拷贝
  4. let、const和var的区别
  5. 基本类型和引用类型相关(堆栈)
  6. bind, call, apply相关(自己要会实现)
  7. 介绍事件循环(宏任务微任务,要知道执行顺序)
  8. 定时器为什么不准(有可能会让你实现一个倒计时)
  9. 原型介绍
  10. 继承方法(手写)
  11. 闭包介绍和它的作用(手写)
  12. new实现过程
  13. 防抖和节流(手写)
  14. 数组去重、扁平化、柯里化
  15. this指向
  16. es6特性
  17. promise介绍(最好会写)
  18. promise.all和promise.race介绍(手写)
  19. async介绍(了解原理 generator+自执行器)
  20. 异步的串行(可以用promise也可以async)
  21. 箭头函数指向
  22. set、map介绍;和数组、对象的区别
  23. 模块化介绍(commnjs amd cmd umd export)
  24. localstorage sessionstorage cookie
  25. 事件委托
  26. Proxy和Object.defineProperty

框架相关(react webpack)//本人用的Vue

由于我一直用的react框架,所以面试也问的相关问题,一定要了解下框架的原理和状态管理的相关原理,同时webpack也是必考点。

  1. React介绍、优点(必考)
  2. React生命周期(最新版本的也要知道)
  3. 介绍diff算法(必考)
  4. 介绍虚拟dom、为什么用虚拟dom
  5. 组件间的通信方式(必考)
  6. redux介绍和原理(必考)
  7. setState什么时候异步、什么时候同步、为什么
  8. 事件机制
  9. 路由相关、几种history以及每种实现原理
  10. 高阶组件介绍
  11. 纯函数介绍
  12. React新特性了解么
  13. React hooks介绍
  14. React新生命周期和React Fiber
  15. React和Vue对比
  16. React常见优化方式
  17. webpack介绍、整理的一个流程(必考)
  18. webpack的优化做过什么(必考)
  19. 用过什么webpack的loader和plugin(必考)
  20. webpack的loader和plugin的原理

算法、数据结构部分

本来以为只有头条、猿辅导之类的公司才考算法,但是最后发现每家公司都会考,可能都想拿算法来做下区分度了吧。不过遇到做不出来的面试官基本也都会给提示,提示完能写出来也没问题。总体来说考的都是常见的题或者变形而来的,把LeetCode或剑指offer里常见的easy题看了就行。数据结构和设计模式问的很少,但是自己也需要总结了解下。

  1. 冒泡排序
  2. 快速排序
  3. 回文字符串
  4. 两数之和、k sum
  5. 大数相加
  6. 二分查找
  7. 二叉树前中后遍历
  8. 二叉树层次遍历
  9. 二叉树深度优先遍历(递归、  非递归)
  10. 二叉树广度优先遍历(递归、非递归)
  11. 和为n的二叉树路径
  12. 二叉树深度
  13. 二叉树是否对称
  14. 链表反转
  15. 16进制转10进制

项目部分

每个公司都会有项目的介绍,如果你介绍的项目面试官有兴趣的话会很加分,所以一定要认真准备。我一般会介绍之前做的一个前端微服务的架构,项目做了很多优化也比较复杂,感觉算是自己比较加分的部分。

  1. 介绍下你项目的难点
  2. 如果现在再看这个项目你会做哪些优化
  3. 根据项目的具体问题

hr部分

能到hr大概率就是过了,hr部分基本不会刷人,但是常见的问题也需要想想怎么说。谈薪阶段也是非常重要的,感觉现在的hr都是根据你的面试情况、工作年限再加上你手里其他offer的薪资来定的,所以手里有大厂高薪offer的话还挺重要的。hr沟通完薪资后可以试探性的加一点问问行不行,现在大部分hr都会压薪预留些空间。

  1. 为什么换工作
  2. 找工作比较看重什么
  3. 介绍下你的项目
  4. 为什么学前端
  5. 平常怎么学前端
  6. 手里有哪些offer、期望薪资

总结

原文地址:https://www.cnblogs.com/GinaHan/p/11366550.html

时间: 2024-10-27 19:47:46

前端面经(待整理)的相关文章

web前端面试题整理(HTML篇)

web前端面试题整理(HTML篇)需要web前端课程工具和电子书,可以加: 33群105601600;  22群1203428331. h5的改进:新元素画布canvas: HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成音频audio视频video语义性: article,  nav ,  footer, section, aside, hgroup等.时间time 新属性拖放: draggable   <img draggable=&q

最全的web前端面试题及答案整理 你不得不看

面试web前端开发,不管是笔试还是面试,都会涉及到各种专业技术问题,今天小编整理了一些常见的web前端面试题及答案,希望对大家有所帮助. 1.常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera. (Q2) 内核:Trident,Gecko,Presto,Webkit. 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) (Q1) 行内元素:会在水平方向排列,不能包含块级元素,设

web前端面试题系列:(一)

1.作用域问题 var a = 6; setTimeout(function () { alert(a); a = 666; }, 1000); a = 66; 结果:66 2.语义化标签 1)tite与h1的区别 2)b与strong的区别 3)i与em的区别 PS:不要小看这些题,80%人答不上来 3.事件绑定 addEventListener,第三个参数是用来表示事件是以事件冒泡还是事件捕获这个各位都知道!但是他问的问题是: 我们给一个dom同时绑定两个点击事件,一个用捕获,一个用冒泡,你

前端面试题2016--HTML

本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可能的! 前端还是一个年轻的行业,新的行业标准, 框架, 库都不断在更新和新增.正如赫门在2015深JS大会上的<前端服务化之路>主题演讲中说的一句话:“每18至24个月,前端都会难一倍”,这些变化使前端的能力更加丰富.创造的应用也会更加完美.所以关注各种前端技术,跟上快速变化的节奏,也是身为一个前

一份来自于全球的前端面试题清单,看看老外喜欢考哪些题(部分有答案)

方括号中的蓝色标题是题目的出处,有些题目在原址内包含答案.搜集的大部分外国前端面试题没有做翻译,单词并不难,大家应该看得懂.题目旁边的方括号内, 简单记录了与此题相关的知识点.总共大概一千多道,包含国内的题目,如有错误,欢迎指正.有些原链可能已无法打开,有些可能需要代理才能查看. 一.HTML [HTML related interview questions] 1.What is doctype? Why do u need it? 2.What is the use of data-* at

前端面试题总结——Html5(持续更新中)

前端面试题总结--H5(持续更新中) 1.HTML5 为什么只需要写 <!DOCTYPE HTML>? HTML5 需要doctype来规范浏览器的行为,让浏览器按照它们应该的方式来运行:HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型. 2.HTML5的form如何关闭自动完成功能? 给不想要提示的 form 或某个 input 设置为 autocomplete=off. 3.HTML5 中如何嵌入音频? 当前,audio 元素支持三种音频格式:&l

前端面试题总结——HTML(持续更新中)

前端面试题总结--HTML(持续更新中) 1.什么是HTML? HTML:HyperText Markup Language超文本标记语言 2.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的标记语言 3.简述一下你对HTML语义化的理解? html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析; 前端学习圈:767273102 ,从最基础的HTML+CSS+JavaScript.jQuery,Ajax,node,angula

金三银四,磨砺锋芒;剑指大厂,扬帆起航(2020年最全大厂WEB前端面试题精选)下

金三银四,磨砺锋芒:剑指大厂,扬帆起航(2020年最全大厂WEB前端面试题精选)下 引言 元旦匆匆而过,2020年的春节又接踵而来,大家除了忙的提着裤子加班.年底冲冲冲外,还有着对于明年的迷茫和期待!2019年有多少苦涩心酸,2020年就有更多幸福美好,加油,奥利给!怀着一颗积极向上的心,来面对未来每一天的挑战! 所谓"兵马未动,粮草先行",我们打响明天的战役也需要精神食粮来做后勤保障才是.在此我整理了多位从业者和我在2019年底至2020年初的一厂面试精选题,希望对磨砺锋芒.奋发向上

Web前端面试题集锦

Web前端面试题集锦 前端开发面试知识点大纲: 注意 转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应. JavaScript: 数据类型.面向对象.继承.闭包.插件.作用域.跨域.原型链.模块化.自定义事件.内存泄漏.事件机制.异步装载回调.模板