面试题整理

记录一些CSS相关的面试题 1、Flex相关 1.1、参考文档： Flex 布局教程：语法篇 Flex 布局教程：实例篇 1.2、相关知识点 设置在容器上的属性 设置在项目上的属性 2、定位 2.1、

面试的时候被要求手写一个深拷贝函数 实现深拷贝的思路就是，使用for in来遍历传入参数的属性值 如果值是基本类型就直接复制 如果是引用类型就进行递归调用该函数

防抖 触发一个事件之后，如果在n秒内再触发该事件，则会重新计算函数的执行时间 节流 限制一个函数在n秒内执行一次，过了这个时间再执行一次 参考文档： 手写防抖和节流

整理一下面试时被问到的关于Vue和React的区别的问题 1、组件化方面 react：推荐使用JSX模板，把所有的HTML和CSS写进JS中，比较灵活 vue: 推荐template的单文件格式，将h

在面试中经常会被问到有关双向绑定和单向数据流的问题，以下简单记录一下 单向绑定和双向绑定 单双向绑定，指的是View层和Model层之间的映射关系 在react中，当View层发生变化的时候，用户通过

虚拟DOM： react在内存中生成维护一个和真实DOM一样的虚拟DOM树，在改动组件后，会再生成一个新的DOM树，react会将新的虚拟DOM树和原虚拟DOM树进行对比，找到两个DOM不同的地方的d

在面试中被问到TS的类型定义，还有interface和type的区别，本文章记录一下个人的学习情况 参考文档： interface和type的区别分析

React中的受控组件和非受控组件都是针对于表单数据而言的。 受控组件： 表单数据由React组件的state管理 非受控组件： 表单数据由DOM节点处理，可以用ref来从DOM中获取表单数据 区别：

在面试中会被问到什么是this，this的指向有哪些，接下来简单记录一下 this是什么 this表示执行上下文： this一般存在于函数中，表示当前函数的执行上下文，如果函数没有执行，那么this没

记录面试中被问到的JS异步编程的方法 回调 promise async/await 参考文档 JS 异步编程方法：6种方案 总结5种JavaScript异步解决方案

记录一下判断JS数据类型的方法 1、typeof 使用：typeof + value 总结：可以对基础数据类型做出判断，引入数据类型返回的都是Object，null返回的也是Object 2、inst

promise 1.创建时需要传入一个函数，否则会报错 2.会给传入的函数设置两个回调函数 3.刚创建的Promise对象状态为pending 4.状态一旦发生变化就不可以再改变 5.可以通过then

记录一下react组件之间的通信方式： 父组件通过props把数据传给子组件 父组件通过ref来调用子组件的方法 子组件通过调用父组件传来的回调函数，将数据传给父组件 将组件变成兄弟组件，通过父组件作

在此记录一下require和import的区别 参考文档：require和import的区别 区别 1、出处不同： require是AMD规范引入的方式，出自CommonJS import是ES6的语

箭头函数和普通函数的区别： 1、写法不同 2、普通函数存在变量提升的现象 3、this指向不同 4、箭头函数不能作为构造函数使用 参考文档： 箭头函数和普通函数的区别

面试中经常会被问到ES6的新特性，下文进行一下总结，做一个笔记 参考文档： ES6入门文档--阮一峰 ES6新特性

初始化阶段 constructor() getDerivedStateForProps() render() componentDidMount() 更新阶段 getDerivedStateForPr

在面试中经常会被问到JS事件循环机制的问题，今天来整理一下大致的回答技巧： Js是单线程，即任务是串行执行的，后一个任务需要等待前面一个任务执行完成之后，才会开始执行，这就可能出现长时间的等待。由于A

Sass 描述： Sass是一款强化css的辅助工具，它在css的基础上增加了变量、嵌套、混合、导入等高级功能，这些拓展让css更加强大和优雅。 好处： 使用sass以及sass样式库（如：compa