240 发简信
IP属地:上海
  • react渲染 and 浏览器的渲染

    我在看react的渲染过程的时候,我发现react的渲染过程与浏览器的渲染过程极其相似。是不是你也会很好奇到底是怎么回事,让我们一探究竟把。 首先说过的相似的部分有哪些呢?我...

  • 分片上传 and 多路复用

    不得不说,当我看到分片上传的时候,我就想到了多路复用。他们在某种程度上是如此的相像。让我不由感叹程序的思想总是容易共通。 比如他们都是一种设计思想,都是“分组->并行 -> ...

  • 网络协议

    ok这是一篇网络相关的知识点普及。首先我们的网络的话分成好几层 ,分别是应用层 传输层 网络层 数据链路层 物理层,今天先来讲讲应用层和传输层把。 应用层的话就是就是最上...

  • 事件循环

    事件循环跟浏览器有关事件循环只要是在渲染主线程中工作的模式渲染主线程一开始会进入一个无限循环每一次循环会检查消息队列里面是否有任务存在如果有的话每次只会取出一个任务进行执行执...

  • 浏览器渲染流程

    渲染的过程分为8个阶段当浏览器接收到一个html 文档 会产生一个渲染任务将其传递给渲染主线程的消息队列中事件循环的作用下渲染主线程取出消息队列中的渲染任务 开启渲染流程开始...

  • webpack构建

    dll将一些固定的项目依赖单独打包 不用在重复编译 webpack5的持久化缓存 可以替代dll最主要原因是零配置 更加方便

  • webpack vite 构建过程差异

    webpack vite 构建过程启动前 支持格式 开发环境是否需要打包生产环境打包 Vite 生产优化 开箱即用 压缩分割等 热更新模式 vite预构建除了可以转换...

  • 2025-04-05

    react 渲染更新_jsxelement 对象fiber对象两种对象之间的关系fiber作用并发更新diff 算法合成事件reconcilersecduler

  • 2025-04-02

    浏览器渲染过程关键路径响应处理html解析环节二进制字节流字符解码 utf-8html解析器文本or 文档流构建dom树浏览器内存js对象合并cssom树渲染树布局绘制

  • 模板编译

    我今天看到了babel 的相关内容, 觉得跟模板编译有点相似。就想写一篇关于模板编译的文章。模板编译的话 在vue中出现,并且是vue算比较核心部分了。 vue的话 也是通过...

  • react 的一个渲染流程

    首先除了一开始需要进行初始化渲染之外,其他时候如果是触发这个渲染的过程的话, 就需要我们去进行更改state 。也就是说只有state 的状态发生变化时,react这个通过内...

  • 虚拟dom

    React的虚拟DOM和Diff算法: 什么是虚拟DOM?虚拟dom 是react渲染过程中的一个优化手段就是一个js 对象是对真实的dom 的一个抽象 为什么要用虚拟dom...

  • webpack vite的一些小区别

    使用webpack 和 vite 时常见的四个阶段,分别为1.启动2.编译3.更新4.构建 项目中运行时就会启动启动前就需要对项目进行编译(如:es6转es5)编译完的模块会...

  • 浏览器的渲染流程

    浏览器的渲染流程 应该都非常熟悉,大概过程是通过浏览器的渲染引擎来对html css js 代码解析处理,然后渲染显示用户可以在屏幕上看到的页面。并且这个期间渲染引擎需要通过...

  • webpack优化

    通常我们在对项目进行优化时,第一个想到的就是webpack, 我们可以充分利用 Webpack 5 的新特性以及一些常见的优化策略来优化项目的打包体积和提升开发环境的热启动...

  • threejs

    参考官网环境配置安装相关依赖后,搭建一个场景展示模型的基本流程。 创建Three.js场景 加载GLB文件 Three.js提供了加载GLB文件的工具,GLTFLoader、...

  • react 的相关优化

    优化React应用的性能涉及多个方面,包括组件的渲染、状态管理、数据获取、代码分割和懒加载等。以下是一些具体的优化策略: 1. 优化组件渲染 1.1 使用React.mem...

  • useLayoutEffect 与 useEffect

    useLayoutEffect 与 useEffect都是react中用于处理副作用的钩子函数,它们的主要区别在于执行时机和对页面渲染的影响。 执行时机 useLayoutE...

  • useEffect 和 setXX的关系

    setXX与useEffect之间有没有某种触发关系? 为什么我更新了某个状态后,useEffect 也会更新。当然认为他们存在某种联系的原因是setXX(a) 中的值a 也...