带着问题去学习
2021-04-12 22:24:06 9 举报AI智能生成
前端面试知识点准备
作者其他创作
大纲/内容
五、框架与类库
React生命周期及自己的理解
使用路由时出现问题如何解决
介绍路由的history
如何配置React-Router
react-router怎么实现路由切换
路由的动态加载模块
redux的设计思想
接入redux的过程
介绍Redux数据流的流程
redux请求中间件如何处理并发
柯里化
Redux中异步的请求怎么处理
Redux中间件是什么东西，接受几个参数（两端的柯里化函数）
使用过的Redux中间件
state是怎么注入到组件的，从reducer到组件经历了什么样的过程
React项目的技术栈是怎样的？讲一下 redux-saga 的概念、API 和用法
Redux如何实现多个组件之间的通信，多个组件使用相同状态如何进行管理
中间件是怎么拿到store和action，然后怎么处理
多个组件之间如何拆分各自的state，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，如何思考这块
React/Redux中哪些功能用到了哪些设计模式
connect原理
绑定connect的过程
介绍react优化
服务端渲染SSR
React组件中怎么做事件代理
React组件事件代理的原理
React怎么做数据的检查和变化
react-router里的<Link>标签和<a>标签有什么区别
<a>标签默认事件禁掉之后做了什么才实现了跳转
import { Button } from 'antd'，打包的时候只打包button，分模块加载，是怎么做到的
React中Dom结构发生变化后内部经历了哪些变化
React挂载的时候有3个组件，textComponent、composeComponent、domComponent，区别和关系，Dom结构发生变化时怎么区分data的变化，怎么更新，更新怎么调度，如果更新的时候还有其他任务存在怎么处理
key主要是解决哪一类的问题，为什么不建议用索引index（重绘）
react异步渲染的概念,介绍Time Slicing 和 Suspense
pureComponent和FunctionComponent区别
介绍JSX
介绍虚拟DOM
介绍下React的Filber架构
画Filber渲染树
SSR 是怎么做的；如何优化 SSR 导致的服务器渲染 CPU/Memory 过高问题
React 受控和非受控组件的区别
React Hooks 优点、解决什么问题、useEffect 的调用时机
六、前端工程
介绍pm2
master挂了的话pm2怎么处理
pm2怎么做进程管理，进程挂掉怎么处理
不用pm2怎么做进程管理
使用过webpack里面哪些plugin和loader
webpack里面的插件是怎么实现的
dev-server是怎么跑起来
使用import时，webpack对node_modules里的依赖会做什么
webpack生命周期
webpack打包的整个过程
如何配置把js、css、html单独打包成一个文件
一般怎么组织CSS（Webpack）
webpack和gulp的优缺点
如何实现分模块打包（多入口）
VUE/React diff 算法的大概思路
简易版 webpack 的实现
Babel 的原理、运行过程、如何做 Polyfill
webpack 优化打包的策略、内部的机制和插件开发的原理
webpack 配置可以怎样优化，有哪些策略，如果项目要使用 TS 在 webpack 中需要配置什么
七、项目和业务
如何解决跨域的问题
表单可以跨域吗
jsonp方案需要服务端怎么配合
Ajax发生跨域要设置什么
加上CORS之后从发起到请求正式成功的过程
跨域怎么解决，有没有使用过Apache等方案
抽取公共文件是怎么配置的
项目中如何处理安全问题
文件上传如何做断点续传
整个前端性能提升大致分几类
介绍xss，xsrf
xsrf跨域攻击的安全性问题怎么防范
如何做工程上的优化
前端怎么做单元测试
页面上有1万个button如何绑定事件
页面上生成一万个button，并且绑定事件，如何做（JS原生操作DOM）
循环绑定时的index是多少，为什么，怎么解决
介绍下数字签名的原理
埋点的实现思路
诸如我现在需要监听那种频繁发生的事件，你有那些优化么
文件上传断点、续传
有没有解决复杂问题的能力
拆分问题的能力
如何优化网页上需要展示的超大图片，从请求和性能来解释
项目中的权限系统是怎样实现的
简述思路：在不使用 Promise 或 async/await 等其他 JS 异步控制的情况下，设计一个网络请求 Scheduler 类，确保每个 ajax 请求的回调函数按发起请求的顺序执行
Ts 有什么优势
八、新技术
介绍service worker
Linux 754 介绍
deno
九、通用问题
能否对我的回答做总结性点评、对我有没有什么建议
团队当前的技术栈和业务方向
团队在公司内外维护的公共组件 or 开源产品，和在社区的活跃度
未来加入这个团队后，我的角色、职责和 leader 对我的期望
如何架构项目
将来的职业规划是怎样的，带领团队/下属最重要的是什么
一、JavaScript、HTML和CSS
柯里化函数两端的参数具体是什么东西
怎么实现this对象的深拷贝
Promise有几个状态 - pending,resolved(fulfilled),rejected
介绍Promise，异常捕获-promise.prototype.catch(),try-catch,Promise.try()
介绍下Promise，内部实现
如何设计Promise.all()
Promise all/race/finally 的原理
promise、async有什么区别
如何用原生 JS 实现 Promise 的 polyfill，需要注意哪些点
对async、await的理解，内部原理
Promise和Async处理失败的时候有什么区别
Async里面有多个await请求，可以怎么优化（请求是否有依赖）
JS异步解决方案的发展历程以及优缺点
介绍flex布局
其他css方式设置垂直居中
居中为什么要使用transform（为什么不使用marginLeft/Top）
介绍position属性包括CSS3新增
搜索请求如何处理（防抖）
搜索请求中文如何请求
介绍css3中position:sticky
介绍事件代理以及优缺点
介绍this各种情况
清除浮动
bind、call、apply的区别
介绍下原型链（解决的是继承问题吗）
两个对象如何比较
防抖和节流的区别
介绍DOM树对比
JS变量类型分为几种，区别是什么
JS里垃圾回收机制是什么，常用的是哪种，怎么处理的
some、every、find、filter、map、forEach有什么区别
对闭包的看法，为什么要用闭包
盒子模型，以及标准情况和IE下的区别
prototype和——proto——区别
介绍JS数据类型，基本数据类型和引用数据类型的区别
栈和堆的区别
栈和堆具体怎么存储
JS执行过程中分为哪些阶段
随机值存在一样的情况，如何避免
使用原型最大的好处
ajax的原理
js的冒泡(Bubbling Event)和捕获(Capture Event)的区别
meta viewport原理
什么是渐进式渲染
举例说明一个匿名函数的典型用例
如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）
为什么用requestAnimationFrame来代替setTimeout
Map和Set的区别？
谈一谈CSS重绘与回流/重排？
CSSOM 是如何寻找 DOM 节点并生成 Render Tree 的，CSS 选择器权重优先级
CSS 后处理器和预处理器分别是什么，有什么区别
什么情况下会发生 Ajax 的跨域请求，浏览器是如何处理 Ajax 跨域的
CSS 选择器的权重，使用什么机制来计算的
type 和 interface 的区别
二、计算机基础
常见Http请求头
介绍http2.0
通过什么做到并发请求
http1.1时如何复用tcp连接
介绍观察者模式\中介者模式
观察者和订阅-发布的区别，各自用在哪里
Http报文的请求会有几个部分
cookie放哪里，cookie能做的事情和存在的价值
cookie和token都存放在header里面，为什么只劫持前者
cookie和session有哪些方面的区别
ES6中的map和原生的对象有什么区别
如何设计一个localStorage，保证数据的实效性
http缓存控制
前端开发中用到哪些设计模式
HTTPS怎么建立安全通道
304是什么
介绍SSL和TLS
事件委托
三、数据结构和算法
手写一个Promise(中高级必考)
介绍冒泡排序，选择排序，冒泡排序如何优化
如何判断链表是否有环
介绍二叉搜索树的特点
介绍暂时性死区
项目中如何应用数据结构
取数组的最大值（ES5、ES6）
如何找0-5的随机数，95-99呢
手写数组去重函数
手写数组扁平化函数
算法：前K个最大的元素
介绍下DFS深度优先
非递归的二叉树遍历
实现一个new操作符
实现一个JSON.stringify
实现一个JSON.parse
实现一个call或 apply
实现一个Function.bind
实现一个继承
实现一个JS函数柯里化
手写防抖(Debouncing)和节流(Throttling)
手写一个JS深拷贝
实现一个instanceOf
coding: 二叉树的遍历和镜像；实现 EventEmitter
编程题：将一个对象中所有值为字符串的提出取出来，拼接成大的字符串
如何判断模块的循环引用（DFS 拓扑排序）
编程题：有一个长度为 32 的数组，如何将它转换为长度为4*8的二维数组
手写发布订阅者模式
创建二叉树
四、运行环境
浏览器事件流向
从输入URL到页面加载全过程
介绍AST（Abstract Syntax Tree）抽象语法树
tcp3次握手
tcp属于哪一层（1 物理层 -> 2 数据链路层 -> 3 网络层(ip)-> 4 传输层(tcp) -> 5 应用层(http)）
0 条评论
下一页
