Turbo_Rabbit

1 问题定位 1.1 背景介绍 一方面通过减少页面【加载时长】，提升【用户体验】支撑部门月度【部门目标】：xxxx转换率； 努力达成上级下达的季度目标：2s（保底）、1.8s（达标）、1.2s（挑战）

确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例，这个类称为单例类，单例模式是一种对象创建型模式。 资源共享的情况下，避免由于资源操作时导致的性能问题或损耗等。如日志文件，应用配置。 控制资源的情况下，方便资源之间的互相通信。如线程池等。

在APP项目中闪屏页（或启动页）的作用是为了解决在程序显示第一帧之前，不要出现白屏的现象，尤其是在纯RN和Flutter的项目里面，资源加载完成到显示的速度会比Native要逊色一些。这里主要总结纯Flutter项目可选择的闪屏页实现方案，大部分为 pub.dev 上比较受欢迎…

界面上UI的更改都是通过DOM操作实现的，并不是通过传统的刷新页面实现 的。尽管DOM提供了丰富接口供外部调用，但DOM操作的代价很高，页面前端代码的性能瓶颈也大多集中在DOM操作上，所以前端性能优化的一个主要的关注 点就是DOM操作的优化。 DOM操作优化的总原则是尽量减少D…

问题描述：1px 的边框。在高清屏下，移动端的 1px 会很粗。 产生原因：首先先要了解一个概念：DPR(devicePixelRatio) 设备像素比，它是默认缩放为 100%的情况下，设备像素和 CSS 逻辑像素的比值。目前主流的屏幕 DPR=2 或者 3。CSS中设置的p…

vue项目作为一个单页面应用，如果不对路由进行处理，在加载首页的时候，就会将所有组件全部加载，并向服务器请求数据，这必将拖慢加载速度，这里我将介绍一些首屏加载方案。 当前流行的UI框架如iview,muse-ui,Element UI都支持按需加载,只需稍微改动一下代码. 这里…

在前端框架盛行使用的年代，大家在解决优化类型的问题时，为了尽快解决问题，常常会寻找依赖一些第三方库来解决，但这个时候更需要的是，我们能耐下心来去看看究竟是怎么解决的，如果自己能用更好的方式实现是不是更好，下面是我总结了一些原生的优化方式，想必还有更多的优化方式，希望各位评论区积…

在RN中，如果需要频繁刷新view，建议使用setNativeProps，避免使用setState导致的频繁render。 当组件更新时，如果组件的 props 和 state 都没发生改变， render 方法就不会触发，省去 Virtual DOM 的生成和比对过程，达到提…

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。 Webpack在启动后会根据…