web性能优化

先有问题再有答案 浏览器的渲染流程是什么？ 如何理解回流重绘？ 哪些行为会导致强制同步布局？ 渲染任务是什么？ 如何理解浏览器的渲染队列？ 为什么浏览器需要渲染队列？ 渲染优化有哪些方案？ 渲染流程

先有问题再有答案 transform有哪些应用场景？ 为什么transform性能较好？  移动变化的本质原理是什么？ translate移动的基准点哪里？ 视觉位置和dom位置有什么区别？ tran

先有问题再有答案 浏览器帧率是多少？ 如何理解浏览器的一帧？ 浏览器的帧率和屏幕的刷新率是一回事嘛？ 有什么方式可以计算出浏览器的帧率嘛？ 帧率是固定的嘛？ 如果帧率不固定 我们在使用raf做一些功能

先有问题再有答案 api请求优化有什么收益？ 如何做数据层面的优化？ 有哪些常见的方案？ 整体的优化思路是什么？ 背景 在Web性能优化中，减少API请求的耗时是非常重要的一部分，因为这会直接影响到用

先有问题再有答案 js不是单线程嘛 为什么又说多线程？ 如何理解H5的多线程？ 如何理解h5的worker？ web worker 有什么特点？ 有什么使用场景？ 有什么限制？ 多线程间是如何通讯？

一图胜千文： 背景： 在实际的软件开发过程中，异步操作是非常常见的场景。这些异步操作涵盖了各种各样的情况，其中最常见的就是网络请求和客户端与服务器之间的交互。这些操作往往需要消耗一定的时间和系统资源，

先有问题再有答案 bundle是什么 为什么需要打包？ 资源体积对首屏性能有什么影响？ bundle资源越小 性能越好嘛？ 如何优化资源体积？ 打包&bundle 为什么要打包： 转译（Transpi

先有问题再有答案 为什么要做图片优化？ 图片和哪些系统资源有关系？ 有哪些图片优化方案 一图胜千文 为什么要做图片优化 提高用户体验：图片加载和渲染的速度直接影响到用户的体验。如果图片加载得太慢，用户

先有问题再有答案 ssr,ssg,csr 是什么? 不同渲染框架下用户的访问路径有什么差异? ssr,ssg,csr有什么优缺点 分别适用哪些场景？ SSR（Server Side Rendering

先有问题再有答案 requestAnimationFrame是什么？ rAF是在当前帧执行还是在下一帧执行？ rAF在一帧的执行时机是什么 和js任务, 渲染流程什么关系？ 如何利用rAF实现一个ne

测试代码 先有问题再有答案 上面的三种死循环 UI表现如何 会卡死嘛 对js堆栈有哪些影响 无限递归 会报错嘛？ 浏览器的一帧如何处理js任务 一帧结合事件循环 会有哪些情况 异步任务会导致栈溢出嘛？

先有问题再有答案 requestIdleCallback是做什么的 浏览器什么时候空闲 requestIdleCallback里面可以做哪些任务 不能做哪些任务？ 兼容性如何 如何实现一个reques

react native 已经快没了 还有人在问为什么react native会比H5性能好... 本文将从线程模型,渲染方式,刷新机制, 加载方式等多个角度给大家讲清楚 为什么react nativ

异步编程 js三座大山之异步一单线程,event loope,宏任务&微任务 js三座大山之异步二异步方案 js三座大山之异步三promise本质 js三座大山之异步四-Promise的同步调用消除异

基础概念 Entry：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配

基于rail标准,通过webworker,长任务拆分,分帧执行,让出主线程,利用浏览器空闲执行等方式 避免js线程长期执行,阻塞UI渲染。以达到性能优化的目的。

js三座大山 一：函数式编程 js三座大山之函数1  js三座大山之函数2-作用域与动态this 二：面向对象编程 js三座大山之对象,继承,类,原型链 三：异步编程： js三座大山之异步一单线程,e

一图胜千言 进程&线程的角度 渲染进程。 包裹标签页的容器。包含了多个线程，这些线程一起负责了页面显示到屏幕上的各个方面。 合成线程（Compositor Thread） 。这是最先被告知垂直同步事件