hhhh

web app，有两类场景会制约快速响应：大计算量、设备性能不足使页面掉帧=>发送网络请求后，由于需要等待数据返回 =>主流浏览器刷新频率为 60Hz，即每（1000ms / 60Hz）16.6ms 浏览器刷新一次。JS 可以操作 DOM，GUI渲染线程与JS线程互斥、JS 脚本执行和浏览器布局、绘制并非同时执行。在每 16.6ms 时间内，需要完成如下工作：JS脚本执行 ----- 样式布局 ----- 样式绘制当 JS 执行时间过长，超出了 16.6ms，样式布局和样式绘制就会受影响。

nextjs做服务端渲染是基于nodejs，node环境与浏览器环境有很大区别——模块系统、web api。

文章浏览阅读105次。需求:快速搭建宣传官网1.适应pc、移动端2.基本的路由跳转3.页面渲染优化4.宣传的图片、视频资源的加载优化5.seo优化全栈react web应用、tailwind css原子工具的支持，方便书写响应式uiapp router(React 服务器组件)支持服务器渲染优化、code-spilit优化服务端渲染对seo友好。

Axios 是一个基于 Promise 的 HTTP 客户端，用于执行异步的 HTTP 请求。它利用了 JavaScript 的异步编程特性，特别是 Promise，来处理请求和响应。Axios 的请求和响应处理遵循 JavaScript 的事件循环和宏任务/微任务队列，但它本身并不定义为宏任务。宏任务通常指的是浏览器或 Node.js 环境中的高级别异步操作，如定时器、网络请求等，而 Axios 作为这些操作的封装，其内部实现细节对用户来说是透明的。性能影响过度使用微任务（如大量Promise。

虚拟 DOM 是 React 的一个基础概念，它与组件是函数式还是类没有直接关系。无论是函数式组件还是类组件，它们都通过虚拟 DOM 来描述 UI，React 通过比较新旧虚拟 DOM 树来高效地更新 DOM。随着 React 的发展，函数式组件和 Hooks 成为了构建组件的推荐方式，因为它们提供了更简洁和灵活的代码组织方式。

需求:快速搭建宣传官网1.适应pc、移动端2.基本的路由跳转3.页面渲染优化4.宣传的图片、视频资源的加载优化5.seo优化全栈react web应用、tailwind css原子工具的支持，方便书写响应式uiapp router(React 服务器组件)支持服务器渲染优化、code-spilit优化服务端渲染对seo友好。

目录偏移尺寸：所有视觉空间客户端尺寸：内部视口大小滚动尺寸确定大小本文尺寸除了标记可写的之外 都是只读，每次访问都要重新计算。访问过多会影响性能，多次使用同一值时最好保存在局量中。偏移尺寸：所有视觉空间以边框为界定来算offsetTop 元素上边框外侧距离父元素上边框内侧的像素数offsetLeft可以通过这两属性获取元素在页面中的偏移量function getLeft(ele){ let left=ele.offsetLeft; let current=ele.offse