前端面试-js 篇

动机 组件之间很难重用有状态逻辑 复杂的组件变得难以理解 类 class 混淆了人和机器 更符合 FP 的理解, React 组件本身的定位就是函数，一个吃进数据、吐出 UI 的函数 useState

1、webpack是干什么的 Webpack是一个现代的JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时，它会在内部构建一个依赖图，此依赖图对应映射到项目所需的每个模块，

模块化基本概念 1.什么是模块? 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 2.模

最好介绍远古世界 最好随性一点，不要太刻板 ，不然像背书 https://www.zhihu.com/question/433854153 前端工程化的历史 互联网初期，09 年以前，页面只需要展示一

什么是第一性原理 归纳总结 做任何事之前问三个问题 1、为什么要做这个（根本动机） 2、不做行不行（质疑动机） 3、用别的替代行不行（寻找更好的办法） 第一性原理学八股文 案例 1 以下是我学习 CD

1、什么是 CDN CDN，全称Content Delivery Network，即内容分发网络。这是一种构建在现有网络基础之上的智能虚拟网络，它依赖部署在全球各地的边缘服务器，并通过中心平台的负载均

做题策略 最近面了 几个一线厂，发现前端算法基本属于 leetcode hot 100 中的题 且有以下特点 字符串、数组、对象，堆栈等 相关操作题 对前端来说几乎都是简单、中等 难度的题，当然如出困

Websocket是一个持久化的协议，HTTP是不支持持久连接的 Websocket其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范而已 比如说我们现在有个需求,实时获取

1、先简单描述http历史，优缺点 2、https的历史 https为什么会出现 3、两者一些对比 4、https中是怎么加密的 tsl的握手和挥手过程 HTTP 的特点和缺点 特点：无连接、无状态、

大纲简介 HTTP/0.9 只允许用“GET”动作从服务器上获取 HTML 文档，并且在响应请求之后立即关闭连接，功能非常有限 HTTP/1.0 1992 年发明了 JPEG 图像格式，1995 年发

1 url输入过程 cdn扮演怎样的角色 2什么情况下主要是用cdn cdn有什么优缺点 内容交付网络或内容分发网络 (CDN) 是代理服务器及其数据中心的地理分布网络。目标是通过相对于最终用户在空间

什么是跨域 协议、域名、端口 只要有一个不同会引起接口跨域 前端解决 同源策略又分为以下两种： DOM 同源策略：禁止对不同源页面 DOM 进行操作。这里主要场景是 iframe 跨域的情况，不同域名

XSS 警惕iframe带来的风险 别被点击劫持了 错误的内容推断 不安全的第三方依赖包 用了HTTPS也可能掉坑里 本地存储数据泄露 缺失静态资源完整性校验 XSS XSS是跨站脚本攻击（Cross

https://mp.weixin.qq.com/s/PBlAWLgnfhZi1ZKxXdgWdw https://mp.weixin.qq.com/s/aWUso1FNiAGNff105ibq5w

https://www.cnblogs.com/jin-zhe/p/11586327.html https://juejin.cn/post/6844904132071915527 https://j

浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、

https://juejin.im/post/5df5bcea6fb9a016091def69#heading-13 https://github.com/amandakelake/blog/issu

函数式编程 http://www.ruanyifeng.com/blog/2012/04/functional_programming.html 1、什么是函数式编程 1. 函数是"第一等公民" 2.

来讲一讲原型链 原型链只存在于函数之中 四个规则 1、引用类型，都具有对象特性，即可自由扩展属性。 2、引用类型，都有一个隐式原型 proto 属性，属性值是一个普通的对象。 3、引用类型，隐式原型

闭包、是什么， 使用场景，写出几个闭包方法实现 在 JS 中，闭包存在的意义就是让我们可以间接访问函数内部的变量。 闭包是一个可以访问外部作用域的内部函数，即使这个外部作用域已经执行结束。 说起闭包，