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

时间: 2018-03-02阅读: 2944标签: 面试

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


浏览器渲染

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


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

  • 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

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

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

    写给程序员的 HR 面试指南

    首先,切记不要诋毁你的老东家。你应该把你的离职原因集中表述在“寻找新机会或新的平台”以及尝试在新的岗位上提升自己。当然,这样的回答对于一般职位的应聘者来说不会造成减分

    vue前端面试题及答案

    面试前端工程师的关于vue框架常见面试题总汇,分享给正在面试的程序员朋友。希望对你有所帮助,Vue的优点轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb ;

    20行实现一个Promise

    在面试的时候,经常会有面试官让你实现一个Promise,如果参照A+规范来实现的话,可能面到天黑都结束不了。说到Promise,我们首先想到的最核心的功能就是异步链式调用,本篇文章就带你用20行代码实现一个可以异步链式调用的Promise。

    用一道大厂面试题带你搞懂事件循环机制

    面试题如下,大家可以先试着写一下输出结果,然后再看我下面的详细讲解,看看会不会有什么出入,如果把整个顺序弄清楚 Node.js 的执行顺序应该就没问题了。

    web前端常见的面试题,基础知识点

    web前端常见的面试题:包括:HTML 常见题目、CSS类的题目、JavaScript类的题目、面试官爱问的问题。原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的?你遇到过比较难的技术问题是?你是如何解决的?

    10个流行的Js面试题

    JS 初学者总是对 this 关键字感到困惑,因为与其他现代编程语言相比,JS 中的这this关键字有点棘手。 “this” 一般是表示当前所在的对象,但是事情并没有像它应该的那样发生

    面试官:谈谈你对mysql联合索引的认识?

    所谓最左原则指的就是如果你的 SQL 语句中用到了联合索引中的最左边的索引,那么这条 SQL 语句就可以利用这个联合索引去进行匹配,值得注意的是,当遇到范围查询(>、<、between、like)就会停止匹配。

    一道常见的Js面试题

    页面上有一个输入框,两个按钮,A按钮和B按钮,点击A或者B分别会发送一个异步请求,请求完成后,结果会显示在输入框中。题目要求,用户随机点击A和B多次,要求输入框显示结果时,按照用户点击的顺序显示

    前端程序员经常忽视的一个JavaScript面试题

    这几天面试上几次碰上这道经典的题目,特地从头到尾来分析一次答案,这道题的经典之处在于它综合考察了面试者的JavaScript的综合能力,包含了变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级等知识

    点击更多...

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