自制-前端面试题,前端开发培训教程

46 阅读3分钟

一、简答题

====================================================================

自我介绍,介绍最近一份项目经验,从js技术框架、ui框架、css预编辑器,项目使用平台,编辑器开发工具等

(一)、基础题


  1. js里怎样判断变量类型,typeof可以区分哪些不可以区分哪些。

  2. this指向、全局变量和匿名函数作用域

  3. 原型链__proto__、prototype。

  4. 数组去重有几种方案,或者找出重复的并排序

  5. 异步,并发Promise,Generator,Await

  6. css 垂直居中布局

  7. 浏览器上输入一个网站都发生了什么。

  8. 对webSocket是否了解,怎样实现前后端通信?

  9. 浏览器跨域怎么产生的,解决方案有哪些,各有什么优缺点。

  10. 移动端的适配问题,像素比,rem相对于什么的长度

  11. cookie ,sessionStorage,localStorage的区别

  12. call,appy,bind的区别,怎么实现bind

  13. ts。如何什么变量

  14. ts 泛型、重载、接口、类等等

(二)、React


  1. 生命周期?react创建组件有几张方式?

getDefaultProps:获取实例的默认属性

getInitialState:获取每个实例的初始化状态

componentWillMount:组件即将被装载、渲染到页面上

render:组件在这里生成虚拟的 DOM 节点

componentDidMount:组件真正在被装载之后

  1. 什么是JSX?和vue中模板语法有什么不同。

  2. 你对 React 的 refs 有什么了解?几种写法?绑定组件上输出的是dom吗?如何绑定dom?React.forwardRef用过?

  3. React 中 keys 的作用是什么?

  4. 什么是高阶组件(HOC)?能用HOC做什么?

代码重用,逻辑和引导抽象

渲染劫持

状态抽象和控制

Props 控制

  1. 什么是Redux?

Redux 由以下组件组成:

Action – 这是一个用来描述发生了什么事情的对象。

Reducer – 这是一个确定状态将如何变化的地方。

Store – 整个程序的状态/对象树保存在Store中。

View – 只显示 Store 提供的数据

  1. 为什么React Router v4中使用 switch 关键字?

(三)、Vue


  1. Vue实现兄弟组件间传值有几种方式 及父子之间传值,访问方法()childrenchildren parent)

  2. 生命周期,父子组件加载时生命周期。

  3. $nextick原理

  4. v-if和v-show的区别。

  5. vue中 keep-alive用法。(include .exclude)

  6. vuex中四大模块怎么传递的,component,action,mutation,state,及action和mutation的区别,action是异步的吗?

  7. vue中routeroute和router的区别

  8. key和ref的作用及区别

  9. v-model双向绑定原理()

  10. vue数组,this.arr[0]=“ftgfg”

(四)、其他项目建设工具类


  1. 页面url到加载完成经过哪些步骤?

  2. 对webpack的了解

  3. webpack工程化做了哪些优化?

二、深入

===================================================================

(一)javacript

最后

其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)

《前端开发四大模块核心知识笔记》

最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。 开源分享:docs.qq.com/doc/DSmRnRG…