百度前端面经

八股1. html渲染，遇到script标签会怎样2. async和defer有啥区别，怎么执行的3. http缓存(强缓存，协商缓存)4.跨域5.跨域的表现是什么样的，发出去无响应/压根没发?6.请求发出去以后，根据啥判断是否跨域?7. option请求8.介绍一些es6和更新的API9.箭头函数和function区别10. 事件循环11.怎么利用事件循环机制，优化大量计算导致的页面卡顿问题12.了解requestAnimationFrame吗，他在事件循环中的位置是啥13.怎么理解react中的hooks，为啥不用类组件，好在哪14.自己有封装自定义的hook吗?为啥不用普通的方法函数15...

淘宝交易前端1.自我介绍2.介绍实习和项目3.http和https本身有什么区别，混用有什么风险?4.跨域问题答： 在 webpack.config.js 的 devServer 中添加 proxy 配置，指定目标服务器地址，可设置 pathRewrite 重写路径，或 changeOrigin 模拟同源请求。或后端配置 CORS 允许指定源访问；使用代理服务器转发请求（Webpack Dev Server）。简单场景可用 JSONP（仅支持 GET）。5.proxy是本地开发环境使用的，项目上线了呢？（1）后端配置 CORS（推荐）（2）服务器层代理（如 Nginx、Apache）6.一个html页面里，监听一个元素是否滚动到了页面中可视位置？（1）Intersection Observer API 实现（2）监听 window 的 scroll 事件，获取元素的 getBoundingClientRect ()，得到其 top、bottom 等位置信息，再与视口高度比较。7.scroll判断滚动方向是向上滚还是向下滚？答：监听 window 的 scroll 事件，在回调中获取当前 scrollTop，与之前存储的值比较，当前值大则为向下滚，反之向上滚，最后更新历史值。8.space-between和space-around在布局上有什么区别？答：实际开发中，space-between适合需要元素贴边且均匀分布的场景，space-around适合需要整体居中且两侧有留白的布局。9.flex:1 是哪几个属性的合并？flex:1 是 flex-grow、flex-shrink 和 flex-basis 三个属性的简写形式，等价于 flex: 1 1 0%。这种简写在实际开发中很常用，比如在分栏布局中，给多个子元素设置 flex:1，可实现等宽分配父容器空间。

一开始就感觉对我非常不感兴趣，后面半小时瘫在躺椅上问问题听我讲，第一次经历几乎全八股问，除了无聊就是无聊，tx虽然拷打但至少学到东西了面经：bfcem rem垂直居中布局如何清除浮动postion：fixedcss选择器优先级之类的盒模型和怪异盒模型js数据类型闭包优缺点和应用react的hooks性能优化前端工程化git项目问我做了啥手撕很简单，属于基础，到最后我都不知道我对了还是错了，基础还是太烂了哈哈除了计网一点没问以外，其他都像从八股网站上扣下来的，怀疑是不是还没扣到计网部分

第一段实习快结束了，最近把简历改了一下，目前想着在寒假的时候再投一段，目标是大厂。xdm来拷打拷打我的简历还有两个问题：1.之前因为转专业，降级了一年，我的简历上要写上原因解释一下吗？写五年的本科时间感觉hr会有误解，会不会直接不考虑我了2.实习期间优化的数据呈现不是很准确，这个优化提升的数据还要不要写？