漫游地球

又是新的一年，金三银四来了，快快复习准备面试把，此篇幅有js篇、vue2/3篇、打包优化篇、css篇、网络协议和浏览器篇

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

为什么要有前端监控？ 一个很现实的原因是bug是不可能被全部测试出来的，由于成本和上线档期的考虑，测试无法做到“面面俱到”，即使时间充裕也总会有这样或那样的bug埋藏在某个角落。 所以一个可靠的前端监

在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？反馈效果不错，我接着出第二篇组件库专题，主要是我选择的方向，前端同学都可以很轻易尝试，这样项目上就增加很多亮点了

我在简历上写了精通 H5，结果面试官上来就问： 同学，你说你精通 H5 ，那你能不能说一下怎么实现 H5 秒开？

本文看点：React最佳实践之“你可能不需要 Effect”、🚀3.40秒到231.84毫秒，我用Performance面板分析性能瓶颈全流程（多图流量预警⚠️）

首先,上述类型的面试题在文档中可查,没有比官方文档更权威的答案了,其次这种问题没有太大价值,除了考察候选人的记忆力,最后,这种面试题只要用过vue的都知道,没有必要占用我们的篇幅. 我们的问题并不多,但是难度可能会高一些,如果你真的搞懂了这些问题,在绝大多数情况下会有举一反三的…

可以看出这个路由没有什么区别，唯一值得注意的一点就是里详情页面，是一个动态的路由，从详情页面跳转到项目列表我们需要相应的id信息，但是此时id我们不能固定填入，而是一个动态的值。 在beforeRouteEnter事件中修改meta信息，从而更新面包屑的导航路由。 如果你还有更…