Web前端年后跳槽面试复习指南

更新日期: 2018-03-02阅读量: 3017标签: 面试

很多童鞋可能年后有自己的一些计划,比如换份工作环境,比如对职业目标有了新的打算。当然面试这一关不得不过,大概又不可能系统性的复习,这里罗列一些 重点 面试的知识点和文章,方便大家重温一些知识,祝大家心愿达成;


浏览器渲染

浏览器的渲染流程,这一块几乎很多人都会问,如果你是个初级前端,可能这个问题,你大致能够了解道出一些就好,但是如果你是个高级前端,这一块你至少得随时画出这些图,这些有助于你去了解性能优化的点:


这里安利两篇文章,非常详细的讲解了渲染的流程:

  • How browsers work
  • Introduction to Layout in Mozilla

  • html

    html 现在相对问的比较少一点,但是如果你需要临时补一下的话,建议看下 Video 和 Canvas 元素。因为这两块确实成为了近两年非常火的话题;在W3C在新发布的 HTML5.2 规范中,推荐了 Dialog 元素,以及支付请求属性 allowpaymentrequest。推荐阅读下:

    What’s New in HTML 5.2?


    css

    关于 css 的话题,一定要温习 Flex 布局,以及移动端布局的知识;除此之外更常见的问题还有:

  • 7种方法解决移动端Retina屏幕1px边框问题

  • 用CSS开启硬件加速来提高网站性能

  • SVG 图标 VS Icon Font

  • EM vs REM vs PX

  • 如果有时间,可以看下新的草案 CSS4 中提及的一些要点 :

  • variables
  • Grid Layout
  • Matches
  • Support
  • CSS Level 4 Selectors


    JavaScript

    关于 js 的话,会分为 ES6 甚至 7,8 来考量,但是 ES5 的问题依旧不会放过。相对 ES5 建议看下 :

  • JS原型继承和类式继承 尽管 ES2015 中提出了 class 关键字,但是我们还是希望重新温习下基于原型链的继承
  • 除此之外还建议温习一下 String 和 Array 对象上的一些基本 API

  • substr vs substring

  • JavaScript Array API


  • ES Future

    关于 ES6 甚至最新的 ES8 ,都是非常重要的知识点, 因为它已经广泛使用了。这里重点关注几个方面:

  • Promise
  • Async and Await
  • Import vs Export
  • 箭头函数
  • 解构赋值
  • Spread syntax

  • Node.js

    如果你接触过 Node.js 的话,我们还是希望强调一些基本的知识点:

  • Process
  • Path
  • 文件操作
  • Events
  • 除此之外,不要忘记我们经常使用的 npm 的一些常规命令:

  • npm basic commands

  • 框架

    前端框架三足鼎立, react VS vue VS Angular。这里如果你擅长就尽量去搜索些关于实现原理的文章,每种框架的使用方式都不一样,问的也不一样,但是我们需要去理解一些基本原理;

  • GUI 应用程序架构的十年变迁:MVC、MVP、MVVM、Unidirectional、Clean
  • Vue 与其他框架对比
  • 剖析vue实现原理,自己动手实现mvvm
  • How Virtual-DOM and diffing works in React
  • 这些知识点一般都算高频和给自己加分的,不过面试还是希望大家都认真准备,时间充裕还是详细走个复习的流程:

    HTTP(HTTP2/Socket) -> HTML+ CSS(3,4) -> JavaScript(ES5/6/7/8) -> Framework(vue/Angular/react) -> Node.js -> JS Native(Android/iOS) -> WebGL/Desktop/Chrome Plugin(VR)  
    



    原文链接:www.jackpu.com

    站长推荐

    1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

    链接: https://www.fly63.com/article/detial/457

    ES5和ES6函数你不知道的区别

    利用原生 js 撸一个简单的 class;根据上面的用法知道 class 必须通过 new 调用,不能直接调用;里面可以定义实例的属性

    三年前端,面试思考

    16年普通本科毕业,毕业后来到北京,任职于一家创业公司,三年前端开发经验。三年时间任职于同一家公司,环境逐渐舒适,不管是技术上还是业务上都到达了一个瓶颈期,于是便有了这次跳槽经历。

    面试题之“a==1 && a==2 && a==3 为true”解析

    这是在国外的一道面试题看到的,大家先自己想一下,在什么情况下这个判断会成立?按正常思维想,这个是不可能成立的,但nothing is impossible,首先贴上正确答案代码

    作为面试官,我究竟想问什么?

    其实不得不说,找工作,真的七分实力,三分运气。不同的面试官有不同的看重点,所以千万不要为一次的滑铁卢而丢失信心。基本面试这是必然的开场,笔者在公司也稍微面试过不少人吧,高峰期基本每晚都要面试一两个

    前端常见面试-存储/缓存篇

    对于前端开发者来说,缓存是大家都耳熟能详的一个知识点,但是经常在面试的过中,稍微深入询问的时候,就会出现知识点混乱,比如常见的http缓存,本地存储,cookie的使用。下面分别就这三个方面具体阐述,以此来巩固大家的知识体系

    7个带陷阱的js面试题

    在 JS 面试中,经常会看到一些简单而又沙雕的题目,这些题目包含一些陷阱,但这些在我们规范的编码下或者业务中基本不会出现。 有些面试官就是这样,不专注于制定代码的标准和规范上,却用不规范的代码去检验别人是否细心

    前端开发岗位面试中常考的源代码实现

    手动撸个call/apply/bind,实现call来看下call的原生表现形式:如果一个函数作为一个对象的属性,那么通过对象的.运算符调用此函数,this就是此对象;apply和call实现类似,只是传入的参数形式是数组形式

    前端面试中常见的算法问题总结

    虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题

    35道必须要清楚的 React面试题

    虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中,并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤,整个过程被称为调和。函数组件和类组件当然是有区别的

    我是如何准备技术面试的

    目前拿到的知名公司的offer是腾讯和新美大(大众点评、美团)。一直想写一篇面经分享给大家,但因为一些琐碎的事情,就一直耽误着。

    点击更多...

    内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!