之前听了同事的一个分享会，一个场景是父模块需要一个接口的数据，子模块也是需要这个接口的数据，如果子父模块都调这个接口的话，就浪费性能。当然也可以使用vuex，props这种传参。使用vuex的话就太笨重了，复用到别的项目麻烦就会出现，眼下props是最佳，不过有时候因为其他一些…

本文谨以自己的Vue项目经验来教你怎么在面试中说优化，如果有错误，有不足的，请指教，不吝指教，一起进步，找到更好的工作。如果觉得的本文对您有帮助，点个赞支持一下。 我个人认为性能优化可以从三个方面来进行，一是代码层面的优化，二是项目打包的优化，三是项目部署的优化。 开场白切记要…

在一些图片量比较大的场景（电商首页，小程序首页等），如果我们打开页面时就加载所有的图片，那势必会导致页面的卡顿以及白屏，给用户不好的体验，导致用户流失。 但是我们仔细想一下，用户真的需要我们显示所有图片一起展示吗？其实并不是，用户看到的只是浏览器可视区域的内容。所以从这个情况我…

总括： 本文以一个实际上线的项目为案例，从初始方案的思考，到方案对比选择考量，再到最后的实践优化，向读者介绍了如何在小程序中优化一个动画，从而提升页面性能，对了解小程序基本运作原理和性能优化有一定的启发。 该项目的诉求是实现一个3D效果的地球，并支持转动动画效果，但小程序不支持…

Web 页面性能优化，解决了图片相关，问题就解决了大半。本文从 Web 常见的图片格式入手，引出与图片优化相关的有效方案，期望对大家能有一点帮助。 有损压缩：借由将次要的信息数据舍弃，牺牲一些质量来减少数据量、提高压缩比。这个过程是不可逆的。图片常见的有损压缩手段是合并相近的像…

前言 现在用户手机性能，浏览器性能，网络性能，越来越好，后端逻辑逐渐向前端转移，前端渲染变得越来越普遍。前端渲染主要依赖JS去完成核心逻辑，JS正变得越来越重要。而JS文件是以源码的形式传输，可以在Chrome Devtools上轻易地被修改和调试。 现在用户手机性能，浏览器性…

作为一个多端开发框架，Taro 从项目发起时就已经支持编译到 H5 端。随着 Taro 多端能力的不断成熟，我们对 Taro H5 端应用的要求也不断提升。我们已经不再满足于“能跑”，更希望 Taro 能跑得快。 我们经常收到用户反馈：为什么使用 Taro 脚手架创建的空项目，…

以上各种动画形式都可以制作出一种类型的动画，那就是帧动画，也叫序列帧动画，定格动画，逐帧动画等，这里我们统一用帧动画来表述。 帧动画一般用来实现稍微复杂一点的动画效果，同时希望动画更细腻，设计师更自由的发挥。他可以定义到每一个时间刻度上的展现内容，我们一般用帧动画来做页面的Lo…