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

更新日期: 2018-03-02阅读: 5.1k标签: 面试

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


浏览器渲染

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


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

  • 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

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

    前端面试之webpack面试常见问题

    什么是webpack和grunt和gulp有什么不同?什么是bundle,什么是chunk,什么是module?什么是Loader?什么是Plugin?如何可以自动生成webpack配置?webpack-dev-server和http服务器如nginx有什么区别?

    每个 JavaScript 工程师都应当知道的 10 个面试题

    多问问应聘者高层次的知识点,如果能讲清楚这些概念,就说明即使应聘者没怎么接触过 JavaScript,也能够在短短几个星期之内就把语言细节和语法之类的东西弄清楚。

    37个JavaScript基本面试问题和解答

    面试比棘手的技术问题要多,这篇文章整理了37个JavaScript基本面试问题和解答,这些仅仅是作为指导。希望对前端开发的你有所帮助!

    React常见面试题

    React常见面试题:React中调用setState之后发生了什么事情?React中Element与Component的区别?优先选择使用ClassComponent而不是FunctionalComponent?React中的refs属性的作用是什么?React中keys的作用是什么?

    有趣的Js面试题_如何让 (a == 1 && a == 2 && a == 3) 返回 true

    题目大意为:JS 环境下,如何让 a == 1 && a == 2 && a == 3 这个表达式返回 true ?这道题目乍看之下似乎不太可能,因为在正常情况下,一个变量的值如果没有手动修改,在一个表达式中是不会变化的。

    js练习笔记:10道JavaScript题目

    10道JavaScript题目:累加函数addNum、实现一个Person类、实现一个arrMerge 函数、实现一个toCamelStyle函数、setTimeout实现重复调用、实现一个bind函数、实现一个Utils模块、输出一个对象自身的属性

    vue菜鸟从业记:没准备好的面试,那叫尬聊

    面试开场白总缺少不了自我介绍,一方面是面试官想听听你对自己的介绍,顺便有时间看看简历上的描述,是否与口述一致。另一方面就是看看你简历上做过什么项目,用到了哪些技术栈,一会儿好提问你。

    毕业一年左右的前端妹子面试总结

    把面试当做学习,这个过程你会收益很大。前端知识很杂,可能实际工作中用到的技术,像框架都是跟着公司的要求走的,像我最近也在看React啦,Vue和React都对比着再学习

    vue面试时需要准备的知识点

    vue上手可以说是比较轻松而且简单,如果你用过angular,react,你也会很喜欢vue。vue的核心思想依旧是:构建用户界面的渐进式框架,关注视图的变化。这也是为什么新建的文件是结构是template script style

    一篇文章教会你面试中的小套路

    面试,一个短时间内对某个人做出判断的测试。很多时候,工程师们只准备了相关的技术点,却没有对非技术的软实力部分做准备。而软实力的考察,不仅贯穿整个面试流程中,更在BOSS面和HR面中尤为关键。鉴于当前业界也没有特别契合的攻略文档,仅有有几篇文章还是HR写的,特有此文

    点击更多...

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