最近接到了一个需求很有意思，类似于我们经常在逛购物平台中，选择一个物品分享给好友，然后好友复制这段文本打开相对应的平台以后，就可以弹出链接上的物品。实现过程也比较有意思，特来分享一下实现思路🎁

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

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

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

解决痛点 最近在项目中碰到一个优化场景：订单列表页订单信息较多时，每次查看详情后返回时，由于重新调用接口导致页面重新渲染，滚轮不会停留在原始位置。造成用户每次返回都要重新下拉，体验感极差。

带你看懂Vue3 KeepAlive 及实际应用 前言 在整理前端知识时，觉得vue3的keepAlive使用上与vue2略有不同，并且vue3可以通过自定义Hooks更好更方便地使用keepAliv

接口调用对前端来说是很高频的操作，良好的接口封装可以简化接口调用的代码，还可以使业务代码更简单、更容易维护。本文主要讨论对useFetch、$fetch的封装。

背景 使用Vue3 + Vite4 + Pinia + Axios + Vscode模式开发之后，感叹真香！不用再单独去下载HBuilderX。废话不多说，直接上干货！ 版本号 node: v16.1

最近来了个活，更新公司官网。公司官网项目一共两个，PC端和移动端。PC端业务技术栈为jQuery，移动端技术栈为Vue2。基于技术升级的理念以及`SEO`的重点要求，决定选择`Nuxt3`作为项目的基