XTransfer前端面经分享
date
Sep 13, 2023
slug
frontend_interview_xtransfer
status
Published
tags
前端
interview
web3
summary
xtransfer是一家跨境电商B2B首款平台。分享一次前端面试经历
type
Post
- 项目里做的觉得比较困难的地方
- 微前端子应用通信的方案
single-spa没有官方的通信方案，一下几个可选方案
- 后端接口
- localStorage
- custome event
qiankun有通用的方案
- Actions，整体逻辑类似redux。全局维护一个global state，提供钩子监听onGlobalStateChange,
setGlobalState, offGlobalStateChange
- 信息瀑布流卡片高度不一致怎么处理，js原生方法监听dom高度
mutationObserver
- 箭头函数跟普通函数的区别
- 事件循环 event loop, 事件代理；Promise，setTimeout执行 打印题
promise是微任务会先执行，setTimeout是宏任务后执行
- webpack用的是什么版本，plugin vs loader
webpack只能理解js或json，打包的时候html或者css需要loader去处理转译成能够被webpack理解的模块，这个过程发生在bundle生成之前或者生成过程当中
plugin很强大有很多勾子，能去改变打包的每一步，能够完成包体积优化，注入环境变量，
- css垂直居中方案
- Promise.all
- 深拷贝
都是校招题