屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。

「本文已参与低调务实优秀中国好青年社群的写作活动」。 前言 基于Vue3已经成为默认版本，目前的项目暂时还没有使用过vue3开发和最近有一个全新的新项目的基础下，使用vue3开发项目，必然是未来的一个

这是我参与8月更文挑战的第14天，活动详情查看：8月更文挑战 很高兴又见面了！😊 如何决定响应式网站的 CSS 单位？ 1.绝对单位 px - 像素 pt - 点 pc - Picas in - 英寸

多种方式实现图片懒加载 近期，公司这边的项目遇到好多需要懒加载的操作，所以趁此机会学习并搜罗了许多实现懒加载的方式，并总结于下面~

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

看很多网上的人的封装 Axios 教程，但或多或少都有不太合适的点，这里为大家推荐我本人的最佳实践。

vue路由懒加载及组件懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载 异步组件实现懒加载 ESimport

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

vue-lazyloadvue-lazyload插件用于vue项目中图片的懒加载npm地址：https://www.npmjs.com/package/vue-lazyloadvue-lazyload