似水流年_

在项目中使用 rollup-plugin-visualizer 插件可以生成可视化的代码分析报告，看看哪些模块占用了空间，帮助我们更好地了解构建过程中的文件大小、依赖关系等...

本文主要记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终 985ms 的优化实践，开启缓存的情况下能达到 138ms 的访问速度。...

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performa...

在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时...

本文将探讨Electron + Vue3结合使用的问题，通过实用案例手把手教你基于@vue/cli从零搭建完整项目框架。...

跨平台桌面应用Electron想必大家都不陌生，但它是如何实现跨端的那？本文小包将从Electron 架构出发，一步一步带你理透Electron的跨端原理。(文章内附抽奖)...

Nuxt 是一个能够创建高性能和生产级的全栈 Web 应用框架。Nuxt3 技术栈已经相对比较稳定，并且拥有丰富的社区生态，可以说现在是入手学习 Nuxt 的最佳时机。...

Nuxt入门&实践总结 一、nuxt简介及安装 Nuxt.js 官方介绍： 1、nuxt简介 1)、那服务器端渲染的益处 nuxt.js简单的说是Vue.js的通用框架，最...

最近在学习神光大神的《Nest通关秘籍》，该小册主要包含下面这些内容： 想购买的可以点击《传送门》。 接下来的日子里，我将更新一系列的学习笔记。感兴趣的可以关注我的专栏《N...

在这篇文章中，我将向你展示目前为止，我发现/遇到的十个优秀的CSS动画库。 我大约尝试30种，但是这十种是我找到最好的。 请注意，这些库不需要引入JavaScript就可以...

css3 的 animation 属性为 html 的 css 增加不少乐趣，各式各样的动画效果，让前端的页面更加的丰富多彩，今天就模拟一下音符跳动的效果。...

本文正在参加「金石计划 . 瓜分6万现金大奖」 使用方式 看名称效果图，有没有和自己想要的效果类似的 有的话，复制粘贴代码使用 也可以自己修改一下 css效果并不是特别难，...

在 Vue3 中怎么样提前对一个组件进行加载并执行内部逻辑？这篇文档将借助 KeepAlive 的实现来实现这个需求。...

ECMAScript 提案 Top-level await 允许开发者在 async 函数外使用 await 字段,目前已进入 tc39 Stage 3...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情 一、前言 本篇主要介绍在vue3+vite3项目中如何动态加载异步组件。在项...

这一章讲打包体积优化，这个也算是最重要的一章了，我之前可是花了很多时间去查资料怎么优化打包体积的，不同版本的webpack之间还有一些区别，所以也算踩了很多的坑，所以这一章...

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。...

本文主要介绍了利用splitChunk来分割第三方库的代码，详细介绍了chunks三个属性值的具体含义，推荐使用'all'。最后，利用cacheGroups来对单个库进行打...

本篇文章主要讲述的是Vite打包优化，下面就跟大家分享一下我总结的一些有关Vite打包的优化方案吧！...

一、众里寻他千"百度"，却在灯火阑珊 我们日常在做研发时，可能很少关心首屏性能问题，感觉不到性能瓶颈。那可能是因为我们的产品或者项目不复杂，还没有达到那个程度，再加上现在成...