追风2019

本文介绍了Vue项目文件大小优化的方法。首先，优化的前提是可衡量，即需要了解项目当前的资源加载大小。优化步骤包括测量打包文件大小、完成测量和根据结果进行针对性优化。文章推荐了Vue3 + Vite环境下的测量工具，如vite-plugin-compression和rollup-plugin-visualizer插件。通过安装这些插件并配置vite.config.js，可以自动打开可视化报告，查看文件在gzip和brotli压缩后的大小，从而进行有效的文件大小优化。

如果业务中用到了 S3，那文件的上传下载必然是最基础的功能，但如果直接通过 Upload 方法上传文件，会存在非常大的安全隐患，所以普遍做法是后端提供文件上传预签名地址，前端根据预签名地址进行文件上传操作。一、后端生成预签名地址根据后端语言的不同种类，使用不同的 SDK，这里示例采用 golang 生成 S3 文件上传预签名地址：package mainimport ( "fmt" "github.com/aws/aws-sdk-go/aws" "github.com/aws/..

Vue 通过对数据的操作改变html 的 dom 显示，使得前端开发聚焦于对数据的逻辑的操作。昨天遇到一个问题：设置一个数组变量，通过 http 请求后端，循环遍历获取数据，期望可以实现数据改变后自动渲染到 dom，但结果是数据时有时无，代码如下：<select class="select select-middle" v-model="val"> <optio...