前端基础面试考点

题目 this的不同应用场景，如何取值？ 作为普通函数 使用call apply bind 作为对象方法被调用 在class方法中调用 箭头函数 （this取什么值，是在函数执行的时候确认的，不是在函

前端JS基础知识点编程巩固，包含数组，字符串，函数，闭包等相关编程题，加深JS知识点认知及对编程题运用更加熟练。

1 如何准确判断一个变量是不是数组？ 2 class的原型本质，怎么理解？ 3 手写一个简易的jQuery，考虑插件和扩展性

- 盒子模型的宽度如何计算？ - margin纵向重叠的问题 - margin负值的问题 - BFC理解和应用 - float布局的问题，...

- event loop - promise 进阶 - async/await - 微任务/宏任务 - 场景题-promise then和catch的连接 - 场景题-async/await语法 -

## ajax 的核心API - XMLHttpRequest - 手写一个简易的ajax - 跨域常用的实现方式 ## 什么是浏览器的同源策略

~~~ - 编写一个通用的事件监听函数 - 描述事件冒泡的流程 - 无限下拉的图片列表，如何监听每个图片的点击？ ~~~

- 描述cookie localStorage sessionStorage区别 - 容量 - API易用性 - 是否跟随http请求发送出去

- 如何识别浏览器的类型 - 分析拆解url各个部分 - navigator - screen - location - history

- DOM是哪种数据结构 - DOM操作的常用API - attr和property的区别 - 一次性插入多个DOM节点，考虑性能

异步基础 1 同步和异步的区别是什么？ 2 手写用Promise加载一张图片 3 前端使用异步的场景有哪些

运行环境、安全、性能（性能优化，防抖 ，节流） - 从输入url到渲染出页面的整个过程 - window.onload和DOMContentLoaded的区别 - 手写防抖 ，节流

- typeof能判断哪些类型 - 何时使用=== 何时使用== - 值类型和引用类型的区别 - 手写深拷贝

1 实现deepClone深拷贝函数 2 手写深度比较 isEqual function deepClone(obj = {}){ return {} }