2024年Web前端最新VUE 爬坑之旅 -- 引入静态资源的正确方式(3)，腾讯Web前端开发面试

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

static ：静态的

同样都是放资源的位置，为什么会有二个地方，他们之间有什么区别呢？

在我原来的项目里面，我都是把各种资源文件放到 assets 里面，这样在打包的时候 webpack 会自动把资源给你压缩，比如把 png 图片压缩成 base64 格式，当时觉得这样好啊，自动压缩资源，减小项目体积，好东西。

然而在今天，我的这个做法被人实力打脸了，，，

最近入职了新公司，这二天在查看新公司项目代码，发现他们的各种资源文件都是放在 static 下面的，我就去问了，为什么不把资源放在 assets 里面，人家告诉我的理由如下：

将资源放到 static 里面是为了缓存的需要，放在 static 里面的文件，浏览器会自动为其设置缓存逻辑，在初次请求获取到资源以后，后续再请求相同的资源就会按照浏览器的默认缓存策略来处理，比如说如果资源没有更新，那么就会返回 304，浏览器会直接从缓存里面拿这个资源，减少了请求，这也算是项目的一个优化点。

如果是把资源放到 assets 里面，虽然会被压缩，但是每次请求的时候都会直接向服务器获取新的资源文件，这其实是一个很大的资源浪费，所以在打包体积和重复请求数的权衡上面，我们选择了后者。

最后

如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

/54a6b04f29167333b139d2753f60db9f.png)