muzidigbig的博客

性能优化是任何应用开发中的重要组成部分，尤其是在移动环境中。对于微信小程序而言，随着用户量的增加和应用功能的丰富，性能优化显得尤为关键。良好的性能不仅提升用户体验，还能增加用户留存率和应用的使用频率。性能优化，涵盖从首屏加载、分包、网络请求到渲染性能等多个方面。优化微信小程序超包问网络请求：合并请求，减少HTTP请求次数；使用缓存策略减少重复请求。布局与样式：避免使用复杂的CSS选择器；合理使用Flex布局减少重排重绘。事件处理：移除不再需要的事件监听器，防止内存泄漏。分包异步化

在现代Web应用中，用户上传大文件已成为常见需求。然而，直接上传大文件会面临诸多挑战，例如网络不稳定导致上传中断、长时间上传导致用户体验差、服务器压力大等。因此，优化大文件上传性能显得尤为重要。文件切片与并发上传 断点续传 后台处理优化 安全性考虑 用户体验优化 秒传功能 基于WebWorker的并行处理vue-simple-uploader计算文件哈希值

大家好，基础是进阶的前提是我的初心，今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传10万条数据到前端）createDocumentFragmentrequestAnimationFramedocument.createDocumentFragment()vue-virtual-scroller的使用，展示巨量数据，长列表优化，虚拟列表

在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。Vue中计算白屏时间、首屏加载时间performance.timing分析下前端加载速度慢原因webpack-bundle-analyzer减小入口文件积；UI框架按需加载代码层面的优化 - 代码尽量精简减少重排；减少dom操作移除不再需要的事件监听，防止内存泄漏网络请求优化开启GZip压缩图片资源的压缩采用第三方cdn资源资源加载优化利用浏览器缓存Br

1 在项目中，有一个比较大的组件需要加载，但是这个组件并不是每个页面都需要用到。我们大家都知道我们vue页面中所有的dom都是通过js执行然后才渲染完成的，我们的html代码实际上仅仅只有几十行，那么我们如果加载js时很慢页面就会出现一段白屏阶段，那么这个白屏阶段给用户的体验就不是很好，我们是否可以给一些显示给用户看呢？当我们的js加载完成之后我们的img就会被覆盖了，所以这种效果是特别好的，因为静态资源是在我们的项目当中直接有的，所以加载效率会特别的快，所以尽量让图片的大小变小这样会更好的提高项目效率。

​二、vue-virtual-scroller的使用，长列表优化，虚拟列表，纵想丝滑对于长列表数据有 10万 多条来说，我们大部分的操作都是：1.懒加载，分页，2.Object.freeze 冻结数组取消响应式，因为大多时候都是展示3.高清图替换成缩略图，因为很多时候长列表的图尺寸都比较小，所以可以用小图来代替但是，还有两个问题未解决，那就是：1.不能分页的时候怎么办2.当用户向下滑动加载了很多很多的内容时，可能是1000个10000无缝滚动 vue-seamless-scroll 滚动表格