0
点赞
收藏
分享

微信扫一扫

web前端进阶知识点 React专精、webpack、网络协议、音视频等

栖桐 2022-04-13 阅读 42

一、React

(1)React的设计思想、理念

(2)React的优点,相比较以前的JQuery、ExtJS等框架

(3)React V15 V16 V17 V18的迭代差异,每个版本解决了什么问题

(4)React的数据管理;Redux与Mobx的差异;

(5)Redux使用及源码实现原理

(6)React各个版本生命周期

(7)React hooks的用法、实现原理、及注意事项(useState、useEffect、useRef)

(8)React 虚拟dom数据结构、遍历方式、优化后的diff算法

(9)React渲染优化:React.memo、React.PureComponent、useMemo、useCallback、React.Lazy、行内样式

(10)组件化、组件间传参

(11)React事件机制及不同版本的差异

(12)React路由

二、Webpack

(1)Webpack打包原理

(2)配置文件构成

(3)Loader、Plugin;

(4)打包优化(打包速度、访问速度)

三、浏览器

(1)老生常谈:输入url到按下回车的背后发生了什么

(2)Js引擎、渲染引擎

(3)缓存机制:强缓存、协商缓存

(4)浏览器Dom渲染及阻塞问题

(5)重绘重排触发原因及优化注意事项

(6)跨域问题

(7)cookie、session、storage

四、网络协议

(1)HTTP协议:1.0、1.1、2.0、3.0

(2)TCP、UDP:三步握手、四步挥手

(3)WebSocket

(4)流媒体协议(见五-2)

五、CSS样式

(1)Position

(2)Flex布局

(3)盒模型

(4)CSS3动画

(5)垂直居中

(6)三角形绘制方法

六、HTML5

(1)语义化标签有什么作用

(2)Cookies,SessionStorage和LocalStorage的区别?

七、音视频

(1)音视频帧概念:P、B、I帧

(2)RTP、RTSP、WEBRTC等流媒体协议

(3)ASM、WASM解码库格式

(4)H264、H265、MJPEG、MP4

(5)AAC、G711A、PCM、MP3

(6)MediaSource对象

八、设计模式

常见的需要掌握手写的

(1)发布订阅

(2)监听者

(3)工厂模式

(4)单例模式

九、SPA速度优化

十、代码托管:GIT命令、GITlab二次开发

十一、时髦技术

(1)微前端

(2)Electron

十二、项目架构

(1)MVC与MVVM

(2)组件化

十三、其他老生常谈

(1)Promise 接口及实现
(2)bind apply call 使用及实现
(3)截流、防抖 使用及实现
(4)对象继承及方法
(5)原型链
(6)Http1 2 3
(7)TCP、UDP
(8)CommonJS、AMD、CMD
(9)事件冒泡
(10)宏任务、微任务

十四、场景问题

FIN1、其他八股文
FIN2、项目经历
FIN3、算法

考脑子灵不灵光、代码规不规范、意识到不到位
举报

相关推荐

0 条评论