# 大厂高级前端面试题答案
## 阿里
**使用过的koa2中间件**
[www.jianshu.com/p/c1e0ca3f9…](https://link.juejin.im/?target=https%3A%2F%2Fwww.jianshu.com%2Fp%2Fc1e0ca3f9764)
**koa-body原理**
[blog.csdn.net/sinat\_17775…](https://link.juejin.im/?target=https%3A%2F%2Fblog.csdn.net%2Fsinat_17775997%2Farticle%2Fdetails%2F82898312)
**有没有涉及到Cluster**
[nodejs.cn/api/cluster…](https://link.juejin.im/?target=http%3A%2F%2Fnodejs.cn%2Fapi%2Fcluster.html)
**介绍pm2**
PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单
**master挂了的话pm2怎么处理**
[www.cnblogs.com/Yanss/p/101…](https://link.juejin.im/?target=https%3A%2F%2Fwww.cnblogs.com%2FYanss%2Fp%2F10168359.html)
**如何和MySQL进行通信**
node为例
[www.fly63.com/article/det…](https://link.juejin.im/?target=http%3A%2F%2Fwww.fly63.com%2Farticle%2Fdetial%2F1343)
**React声明周期及自己的理解**
[react.docschina.org/docs/state-…](https://link.juejin.im/?target=https%3A%2F%2Freact.docschina.org%2Fdocs%2Fstate-and-lifecycle.html%23%25E5%25B0%2586%25E7%2594%259F%25E5%2591%25BD%25E5%2591%25A8%25E6%259C%259F%25E6%2596%25B9%25E6%25B3%2595%25E6%25B7%25BB%25E5%258A%25A0%25E5%2588%25B0%25E7%25B1%25BB%25E4%25B8%25AD)
**如何配置React-Router**
[react-china.org/t/react-rou…](https://link.juejin.im/?target=http%3A%2F%2Freact-china.org%2Ft%2Freact-router4%2F15843)
**路由的动态加载模块**
[blog.csdn.net/qq\_35484341…](https://link.juejin.im/?target=https%3A%2F%2Fblog.csdn.net%2Fqq_35484341%2Farticle%2Fdetails%2F80506297)
**服务端渲染SSR**
以react 服务端渲染为例
[www.colabug.com/3873468.htm…](https://link.juejin.im/?target=https%3A%2F%2Fwww.colabug.com%2F3873468.html)
**介绍路由的history**
History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因，History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。window.history.pushState(stateObject,title,url )
~~~
将当前URL和history.state加入到history中，并用新的state和URL替换当前，不会造成页面刷新。
--参数解释
stateObject //与要跳转到的URL对应的状态信息，没有特殊的情况下可以直接传{}
title //现在大多数浏览器不支持或者忽略这个参数，我们在用的时候建议传一个空字符串
url //这个参数提供了新历史纪录的地址,它不一定要是绝对地址，也可以是相对的，不可跨域复制代码
~~~
window.history.replaceState(stateObject,title,url)
~~~
用新的state和URL替换当前，不会造成页面刷新。
--参数解释
stateObject //与要跳转到的URL对应的状态信息，没有特殊的情况下可以直接传{}
title //现在大多数浏览器不支持或者忽略这个参数，我们在用的时候建议传一个空字符串
url //这个参数提供了新历史纪录的地址,它不一定要是绝对地址，也可以是相对的，不可跨域执
行完之后，我们发现不能回退了，是不是就跟window.location.replace()实现同样的效果了复制代码
~~~
原文：[blog.csdn.net/qq\_34645412…](https://link.juejin.im/?target=https%3A%2F%2Fblog.csdn.net%2Fqq_34645412%2Farticle%2Fdetails%2F80087372)
react-router 中的history
[segmentfault.com/a/119000001…](https://link.juejin.im/?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000010251949)
**介绍Redux数据流的流程**
**Redux如何实现多个组件之间的通信，多个组件使用相同状态如何进行管理**
请使用状态提升的方式在多个组件之间共享数据
切记维持应用单向数据流和数据唯一来源原则。
react 小例子
[juejin.im/post/5b471a…](https://juejin.im/post/5b471a5de51d4519873f2c07)
**多个组件之间如何拆分各自的state，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，如何思考这块**
状态提升，找到容器组件和展示组件，保证唯一数据源和单向数据
对于组件的拆分还要做到高内聚低耦合
[react.docschina.org/docs/liftin…](https://link.juejin.im/?target=https%3A%2F%2Freact.docschina.org%2Fdocs%2Flifting-state-up.html)
**使用过的Redux中间件**
redux-thunk
redux-logger
图解浏览器的工作原理
[mp.weixin.qq.com/s/X4...](https://link.juejin.im/?target=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2FX4yAFZBNLwaDUFYaR0Cn5g)
[原文链接]([https://juejin.im/post/5c6292566fb9a049c64453ca](https://juejin.im/post/5c6292566fb9a049c64453ca))
- 首页
- pm2
- pm2
- pm2 离线安装
- pm2 使用指南
- node
- 正则
- web
- webpack
- 配置
- 优化代码体积
- plugin-proposal-decorators
- webpack 打包原理解析
- babel presets配置 babel7
- 配置路径别名
- 去除开发中的警告信息
- css
- 滚动条
- input自动填充背景色
- 颜色渐变
- scss
- 网页定制光标
- 超出文本显示省略号。。。
- calc兼容性写法
- box-sizing
- clip-path
- 苹果手机页面滑动卡顿
- 字体间距根据父级宽度自适应
- 纯css动态效果
- 清除浮动的三种方法
- 按钮增加闪烁效果
- 字体渐变
- react
- mobx
- 路由
- antd 表格在safari上卡顿
- 项目初始化
- react-antd-mobx-momnet
- 显示字符串中的标签
- antd Select 在搜索精准度
- 路由切换动态过渡效果
- css中图片打包后的路径出错
- antd upload 无法及时更新state
- antd DatePicker设置中文失败
- antd-pro 添加登录页面报错
- new Array创建新数组数据指向相同
- react 页面刷新渲染两次
- useEffect
- Hooks 闭包解决方案
- hooks 方法封装
- Plugin "react" was conflicted between "package.json » eslint-config-react-app
- javascript
- canvas
- 多张图片合成一张
- 排序
- js比较符号==、===
- 运动函数封装（简易、通用）
- 导出表格（excel ）
- react使用demo
- xlsx导出excel
- js获取屏幕高度宽度
- toFixed 函数修改
- 获取cookie,url参数
- 奇怪的错误问题
- copy(深拷贝 浅拷贝)
- 导出pdf
- 解决图片失真
- 判断字符串长度（带中文）
- js中 文件、图片二进制和base64的互转
- 读取深度嵌套的json数据
- 手动实现Promise.all
- cookie 删除
- webpack 打包过后的文件报错 regeneratorRuntime is not defined
- 防抖与节流
- react hooks 中使用防抖节流
- 图片懒加载
- 重排和重绘
- 修复部分无法JASON.parse的数据
- react-native
- android-studio 打开调试工具
- 适配全面屏
- node
- 服务端 node + nginx 反向代理
- 生成文件夹目录列表
- mogodb常用操作
- 发布npm包
- cli工具
- 上传文件
- nodejs使用crypto进行加密/解密操作
- mongodb 加入验证之后连接失败
- nextjs使用问题
- node转发http请求
- mongodb 导入导出 备份
- node-sass 安装问题、安装失败等
- npm yarn 安装依赖太慢
- puppeteer 安装问题 centos
- mongoose
- 其他
- 禁止浏览器缓存
- chrome平滑滚动
- pdf预览
- 问题整理
- 资料
- 小程序
- fetch
- cookie 设置跨域资源共享
- taro 小程序
- taro request
- 设置npm镜像
- esbuild the service is no longer running
- 离线地图
- uniapp 转 vue-cli
- 工具
- Excel表格密码保护的解除方法
- vscode（插件）
- vscode 常用代码片段
- vscode 开启tab补全代码
- mac 百度网盘破解
- mysql 重置密码
- chrome 好用的扩展
- Mac/Linux/Windows通过命令调用浏览器打开某网页
- 小链接
- 数据库
- mongo
- sql文件导入
- join 用法
- sql 时间格式化 DATE_FORMAT
- 创建全文检索并分词查询
- 阿里云node-mysql 操作文档
- sql 时间查询
- mysql group查询结果合并为一行
- mysql 锁
- mysql count 同个字段多个结果合并到一行
- 解决Node.js mysql客户端不支持认证协议引发的“ER_NOT_SUPPORTED_AUTH_MODE”问题
- mysql 根据经纬度计算距离
- PHP
- 文件读取
- 接收前端json数据
- 自定义排序
- session 写入失败无法保存
- php 上传大文件$_FILES为空
- base64转图片
- composer.phar 安装东西太慢 切换国内镜像
- laravel sql查询记录
- 解决： Please provide a valid cache path.
- thinkphp开启多应用
- 上传文件报错 Filename cannot be empty
- php curl 报错 curl: (35) SSL connect error
- App
- android未授权错误(Flutter)
- uniapp
- 服务端
- mongodb 定时备份
- mysql 错误
- nginx 转发网络请求
- midwayjs 使用egg-mysql
- https 无法访问
- egg 配置跨域
- 算法实现
- 排序
- 全排列
- 无重复字符的最长子串
- 反转单向链表
- 斐波那契数列
- 有效的括号
- GIT
- git克隆大文件
- 面试整理
- 前端整理
- 大厂高级前端面试题
- 三年大厂面试题
- 面试经验
- 头条it技术工程师
- 每日学习
- 常见的数据结构
- 面试地址汇总
- 练习汇总
- 前端八股文
- mac环境配置
- mac nginx重启报错
- mac 安装redis
- fis配置
- 切换php版本
- Mac OS X下的Oh-My-ZSH安装与配置
- mac 查看端口进程 停止进程
- mac 配置ssh 免密码登录服务器
- navigate 中文破解
- 删除启动台无效文件夹
- 删除顶部图标（卸载后的软件还存在）
- 修复mac 下安装全局依赖失效
- navicate 完美破解 内有下载地址
- nginx 报错 500 "/usr/local/var/run/nginx/client_body_temp/0000000004" failed (13: Permission denied)
- 安装PHP redis扩展
- 安装zsh后 nvm node命令失效
- python
- python 在vscode中编辑，格式化文件总是提示There is no Pip installer available in the selected environment.
- 杂项
- 膝盖修复
- 微信打开网页链接反应巨慢
- chrome 显示http/https完整连接
- doracms
- pdfjs 中文无法显示
- docker
- go
- 指针、指针地址* &
- 脚本
- 京东疯狂的joy脚本
- 2021京东炸年兽
- LINUX