面经：html，css，计网，浏览器

1. modal 组件 基于 React 写一个支持受控与非受控的自定义数字NumberInput组件。 2. 加减 3.

约定几个分支的命名： master：保留完全稳定的代码，比如已经发布或即将发布的代码。 develop：团队的主开发分支，可以看作是 master 的平行分支，稳定后就会合入 master。 feat

1. 对 TypeScript 的理解 typescript 是静态类型语言，它向 js 添加了类型语法，可以提前检测错误，提高代码的质量、健壮性。 TS 和 JS 的区别在于静态类型语言（变量声明时

一、Vuex 统一存储和管理应用中所有组件的共享状态（兄弟组件通信、跨层级通信使用的共享/公共数据），适用于大型复杂的应用。其核心概念有： state：存放响应式数据； getter：store 的计

1. NodeJS 1.1 Node 的理解 Node 是一个基于 Chrome V8引擎的 JavaScript 运行环境。 多线程 我们常说的 Node 单线程实际是指 JavaScript 的执

生命周期 生命周期图示理解 生命周期全部说一遍 帮助理解： beforeCreate：此时 data 和 methods 还未初始化。 created：此时 data 和 methods 已经完成初始

DNS 服务器用于保存 Web 服务器域名与 IP 的对应关系。 一、域名的层级关系 DNS 中的域名都是用句点来分隔的，比如www.server.com，句点代表了不同层次之间的界限。 在域名中，越

1. http 协议的报文格式 http 是应用层协议，是浏览器和服务器之间的请求、响应的格式和规则。 请求报文格式 响应报文格式 2. 九种请求方法 HTTP 定义了一组请求方法，表示要对url指定

1. 页面渲染过程 解析HTML文件生成DOM Tree。 解析CSS文件生成CSSOM Tree（和第 1 步是并行的）。 将DOM树和CSSOM树合并生成渲染树Render Tree。 遍历渲染树

一、组件、组件通信 组件，接收入参并返回用于描述页面的react元素。 1. class组件和函数(无状态)组件的区别 class组件和函数组件的转换如下： 定义一个同名的函数，参数是 props，

数据驱动视图是什么？（单向数据流） 传统的jquery开发是通过操作dom来实现页面的渲染和交互，而React采用的是数据驱动视图的方式：view是基于数据来渲染的，数据一旦变化，view就会自动更新

一、Hook 介绍 1. hook的背景 在组件之间很难复用状态逻辑：对于组件间复用状态逻辑，React并没有提供好的方法，只能通过render props和高阶组件。但这种方案需要重新组织组件的结构

一、React 的理解 React是一个用于构建用户界面的JS库。在代码开发过程中，我们将UI界面拆分成独立的小块，每块就是一个组件，通过组件之间的组合嵌套来构建页面。 React不是MVVM，官方给

一、React 架构 1. React 15 当我们通过render和setState进行组件渲染和更新的时候，React主要有两个阶段： 协调阶段Reconciler：通过diff算法递归比较新旧两

1. react-router 和 react-router-dom react-router-dom在react-router的基础上扩展了一些有关dom操作进行路由跳转的api：BrowserRo

一、setState 1. state 和 props props是一个从外部传进组件的参数，用来从父组件向子组件传递数据，不能被修改。 state 只能在constructor中初始化，它是组件内部

1. 元素 元素是构成 React 应用的最小组成部分，与浏览器的 DOM 元素不同，React 元素是创建开销极小的普通对象，React DOM 负责更新 DOM 来与 React 元素保持一致。

一、Cookie介绍 1. cookie是什么 cookie 是服务器保存在浏览器的一段文本信息，大小不超过 4KB，浏览器每次向服务器发出请求，就会自动附带这段信息。 因为http协议是无状态的（不

http是无状态协议，不具备保存之前的请求或响应的功能。 一、session：存储在服务端 session 代表 浏览器和服务器的一次会话过程，session对象 用来在服务端存储用户会话的一些信息，

一、跨域 同域/同源指的是：两个 url 的协议、域名和端口都相同，否则就是跨域。 1. 同源策略的限制 跨域请求会带来一些安全问题，不法分子可能会利用它来发动 csrf 攻击。因此，浏览器采用同源策