2018岁尾前端口试总结

主假如整顿一些本身还记得的面试题。许多题目会根据项目内容发问,如今只记得一些比较通例的题目,背面想起来会做一些补充。标注重点的是频仍涌现的,也确切很主要的知识点。

css

  • 盒子模子:ie与其他浏览器的区分,如何转变盒子模子
  • 图形:完成扇形/圆环/梯形/三角形等(发起掌握罕见图形完成)
  • 定位:position有哪些值并形貌作用,z-index运用前提以及优先级
  • flex:有哪些属性并形貌作用,如何完成栅格/圣杯规划/流式规划等(重点,发起记着一切属性并掌握罕见运用场景)
  • 规划:垂直居中/九宫格/牢固某个自适应某个的要领有哪些(发起每一个罕见规划多相识几种要领)
  • 运用过哪些css3特征
  • 动画:animation有哪些属性值及其基本运用,完成一个上抛后下坠的动画,jquery中是如何完成动画的,晓得或运用过哪些动画库
  • 转换:transform有哪些属性值以及基本运用

js

  • 基本数据类型和援用数据类型离别有哪些及其区分
  • 原型/原型链是如何的,离别运用es5和es6完成继续,继续要领有哪些并各有什么优缺点,你在项目中那里运用到原型链/继续(重点)
  • 有哪些设想形式,你在项目那里运用到
  • 说说闭包和链式挪用,你在那里运用到闭包
  • this指向题目(平常会有详细的代码)
  • 说说JS的内存机制及渣滓接纳机制
  • call/apply/bind的作用与区分
  • 有哪些遍历数组的要领及其特性
  • 完成一个深拷贝的要领
  • 函数撙节和防抖的完成
  • 数组去重的完成要领(发起掌握多种要领,并晓得其特性)
  • 数组的排序,乱序,找出中位数(发起掌握多种要领,并晓得其特性)
  • 二叉树的三种遍历要领
  • 运用es6完成一个工场形式
  • 完成一个观察者形式(重点)
  • 完成一个lazyMan(请自行搜刮)
  • 线性数据构造转换成树形构造
  • 求数组中最大和的一连子数组
  • 封装一个只能实行一次的函数 once(fnc),背面实行返回undefined
  • 如何处理数字运算精度题目,比方0.1+0.2!=0.3
  • 运用过哪些es6特征
  • let/const/var的区分
  • 一般函数和箭头函数的区分
  • Promise和async/await的运用及其异同(重点,最好能运用es5完成Promise)
  • 运算效果:true == ‘1’, 3 + ‘2’, 3 * ‘2’, a=1;b=a++ 等等

通讯协议

  • http状况码有哪些及其寄义(重点,发起除了404和200再最少记着罕见的10个)
  • http掌握缓存的要领以及区分,什么情况会涌现304,你的项目中是如何设置的(重点)
  • https与http的区分,https的道理及其局限性,说说http2
  • 要求要领有哪些及其区分,要求报头/相应报头有哪些
  • 登录注册除了https另有哪些能够加强安全性
  • WebSocket是什么及其特性

vue/react

  • vue的内置组件有哪些,nextTick有什么用
  • vue/react组件生命周期(重点,发起形貌完全的历程,并形貌各个钩子函数能够做哪些事变,而不仅仅是说出钩子函数)
  • vue的双向数据绑定道理(重点,除了监听数据变化,发起再相识一下数据变化后到更新dom的历程,主假如宣布-定阅者形式)
  • vue的virtual-dom道理及其更新算法
  • vue-router路由的两种形式有什么区分
  • 在vue中数组的哪些操纵要领能够触发vue视图更新,为何
  • vue父子组件之间如何通讯
  • vuex的基本运用道理,你在哪些项目的哪些地方运用到
  • 开辟过哪些组件,根据什么理念或要领去设想开辟组件
  • spa有什么特性,服务端衬着有什么特性
  • vue和react有什么区分(假如运用过不止一个框架,那末很可能会问相似的题目)
  • 近来react更新了哪些内容(主假如新版本的特征,能够恰当跟之前版本对照)

浏览器及其他

  • 浏览器输入url到显示出页面内容的历程(重点,发起最少要从竖立通讯和浏览器剖析衬着角度去说)
  • Dom 插进去/删除/查找/挪动操纵,离别有哪些要领
  • gulp与webpack的区分
  • webpack的基本设置有哪些(重点)
  • 项目中你在webpack做了哪些优化,项目中你打包成哪些文件,有哪些加速build的优化要领(重点)
  • 有哪些优化网站机能的要领,有哪些图片优化要领(重点)
  • 一个页面有异常多内容的时刻如何优化,比方一个异常长的列表
  • 同源战略是什么,跨域有哪些处理要领,jsonp道理是什么(重点)
  • 如何完成上报js报错,如何监听js报错
  • Hybrid App完成Native与H5交互的要领有哪些,须要注重什么事变,你在项目中是如何做的
  • Hybrid App如何调试,如何定位题目
  • Service worker是什么,有什么特性,HTTP缓存与Service worker缓存有什么区分
  • 图片上传前如何完成图片预览,上传中如何猎取进度
  • 背景体系如何设想权限掌握
  • 碰到过哪些兼容性题目(有时刻会针对pc、挪动端问)

通例题

  • 你做的最惬意/最庞杂的一个项目是哪一个,你碰到最难/最辣手的题目有哪些,是如何处理的
  • 近来有在研讨什么东西
  • 日常平凡的进修设计是如何的
  • 技术上想从哪些方向生长/进修
  • 你的职业规划是什么
  • 为何从上家公司去职

总结

上面碰到的题目有些是笔试,有些是攀谈问的,也有些都涌现过。笔试的时刻发起先易后难,只管不要留白,能够形貌一下思绪,或许写几个症结点,也比留白好许多,由于面试官未必会针对你没答出来的题目再次举行发问。别的,一些单词要记得如何读写,不然许多时刻你晓得这个东西,然则你却表达不出来,也是要扣分的。总之要深度明白、闻一知十、逻辑清楚、表达流通

以上,仅供参考。

    原文作者:萌小屋
    原文地址: https://segmentfault.com/a/1190000017306442
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞