金九银十｜前端真实面试知识点梳理_前端项目经历的 star 法则

m0_74932057

于 2024-05-01 16:05:59 发布

阅读量35

点赞数 18

分类专栏：程序员文章标签：前端面试职场和发展

本文链接：https://blog.csdn.net/m0_74932057/article/details/138374580

版权

程序员专栏收录该内容

185 篇文章 0 订阅

订阅专栏


区别	watch	computed
场景	一个数据影响多个数据	一个数据受到多个数据影响
功能	不需要return	必须return
缓存	没有缓存	有缓存
初始化	添加immediate:true	默认立即执行
是否异步	支持	不支持
功能	监听	计算属性

1.8vue的响应式的系统是怎么样的

每个vue组件都有一个与之对应的watcher实例，vue的data上的属性会被添加到getter，setter中，然后进行所有变动的data的依赖收集，通知每个依赖的data的组件调用render方法进行更新

v-model 父子组件中的使用

slot插槽的使用

1.9性能优化方面

1，http减少请求数

2，组件封装

3，js写在后面，html,css写在前面

4，压缩

5，缓存

6，打包优化

7，工程管理

8，可复用，低耦合高内聚，降本增效

9，懒加载，预加载

10，路由懒加载

11，cdn技术，iconFont图标

1.10模块化

5，amd 异步打包机制 js前端 define([‘dep1’, ‘dep2’],function(dep1,dep2){

return function(){}
})

6，cmd 同步的 moudle.exports= {} require() js后端

7，umd 通用模块定义 webpack打包机制 umd

8，esm es6打包机制 esm import export

1.11算法

1，冒泡排序，快速排序算法

2，数组、字符串、链表、栈、队列、哈希表、二叉树、堆、递归、深搜广搜、动态规划基础题，最好每个类型做几道常见题练练手感

3，浏览器获取地址栏参数

4，反转数字

5，数组降纬

6，回文字符串

7，场景题：数字递增，暂停，继续功能；函数式组件实现井子棋

8，状态提升，

1.12协议

http协议

tcp协议三次握手四次挥手

1，客服端发送 syn=1 seq =x 服务端发送ack = x +1 syn=1 seq= y 客服端发送ack报文 ack=y+1 syn=0 seq =z

2，主动方发送 fin=1 seq =x ack = z 被动方发送ack = x +1 seq =z 被动方再发送 ack = y fin =1 seq = z 主动方发送 ack = y seq = x

为什么是三次握手不能是两次？

防止攻击，防止发生死锁

为什么是四次挥手？

防止数据包丢失，FIN和ACK报文是分开发送的

等待2msl才CLOSED?

等待发送数据包完成，防止重复在在旧ip和端口建立重复的分组

各网络层对应的工作设备：
        物理层：中继器、集线器
        数据链路层：网桥或交换机
        网络层中继系统：路由器
        网络层以上的中继系统：网关

1.13Websocket

1，全双工的协议

2，如何进行心跳监听

3，有线网切换wifi是否断开，wifi切换有线网是否断开

4，原理是什么

1.14路由守卫

1，hash路由和history路由的区别

2，全局路由守卫和各个子组件的路由守卫是什么？哪些路由守卫是各自独有的？

3，路由的原理是什么

2.react

2.1事件处理机制，事件委托

事件机制。捕获冒泡目标事件冒泡到document地方，react进行重写了事件默认冒泡方式，使用dispatchEvent进行事件派发，systheicEvent总的事件委托，事件冒泡和事件捕获的区别？react怎么实现事件捕获，默认是事件冒泡。

2.2dom渲染过程

1，jsx语法底层是react.createElement() ,

2，递归渲染和fiber架构渲染的区别？

3，怎么做渲染的性能优化？

4，scu和hooks语法分别怎么去做组件的性能优化？

5，scheduler.postTask的实现过程和兼容性问题

6，requestIdleCallback是干嘛的？接受的参数和作用？

2.3函数式组件。hooks

1，函数式组件和class组件的对比？

2，useMemo和react.memo的区别

3，useEfffect和useLayoutEffect的区别

4，怎么优化性能，useMemo和useCallBack如何使用

5，数据是如何保存的?如何更新的？底层实现过程是怎么样的？

6，react生命周期的UNSAFE_前缀的含义？为什么导致重复渲染？导致死循环？

7，getSnapshotBeforeUpdate的作用？与componentDidUpdate的关系？

8，

2.4react架构的原理

1，数据层面的架构变化（实现方式是什么？）

2，渲染层面的性能提升

3，声明周期方面的控制

4，数据传递方面的优化

5，HOC和组合式组件的区别？

2.5redux的原理和实现过程

1，mvvm和mvc的区别

2，redux实现异步

3，redux和react-redux的区别

4，connect高阶组件接受的参数和作用

2.离职原因

1，上一家公司是小公司，公司业务流程规范性比较低，自己想去大公司学习更加规范的业务流程，也有利于个人的发展

2，之前呢，公司只做国内业务，不做海外业务，我了解到贵司在做海外业务，我希望能开阔一下个人的视野

3，之前的公司做的业务是助贷相关的，后续会受到国家助贷管理办法的约束，不利于个人发展，担心随时可以被优化，不符合个人的职业规划，自己想去一个稳定的行业能够踏踏实实做事。