240 发简信
IP属地:内蒙古
  • 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 也...

  • vue 3

    Vue 3 对比 Vue 2 做了一些改动 比如:createApp() 代替了 new Vue()v-model 代替了以前的 v-model 和 .sync根元素可以有不...

  • webpack

    loader就是一个加载器也就是一个代码转换器webpack只能支持js语言的解析任何非js的文件都必须先预先处理成js代码 plugin负责打包工作打包html文件

  • react和vue对比

    很多共同之处有:使用虚拟DOM高效的更新视图,提倡组件化数据驱动视图diff算法进行优化router 库实现url到组件的映射状态管理 但是在实现上又有所不同 组件化的好处 ...

  • react数据篇

    记住组件的数据useState 初始化数据 在事件中触发 触发渲染render 有两种情况:组件初始化render组件中的数据被更新重新render 图片函数组件Image....

  • react-事件

    添加事件 点击事件也有两种形态 按情况进行使用 读取props 触发事件 所有的可变变量都可以通过参数传入进来也可以将方法作为props传入 事件相关的知识后续会继续不断的更新学习