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

我今天看到了babel 的相关内容, 觉得跟模板编译有点相似。就想写一篇关于模板编译的文章。模板编译的话 在vue中出现,并且是vue算比较核心部分了。 vue的话 也是通过...
首先除了一开始需要进行初始化渲染之外,其他时候如果是触发这个渲染的过程的话, 就需要我们去进行更改state 。也就是说只有state 的状态发生变化时,react这个通过内...
React的虚拟DOM和Diff算法: 什么是虚拟DOM?虚拟dom 是react渲染过程中的一个优化手段就是一个js 对象是对真实的dom 的一个抽象 为什么要用虚拟dom...
使用webpack 和 vite 时常见的四个阶段,分别为1.启动2.编译3.更新4.构建 项目中运行时就会启动启动前就需要对项目进行编译(如:es6转es5)编译完的模块会...
浏览器的渲染流程 应该都非常熟悉,大概过程是通过浏览器的渲染引擎来对html css js 代码解析处理,然后渲染显示用户可以在屏幕上看到的页面。并且这个期间渲染引擎需要通过...
通常我们在对项目进行优化时,第一个想到的就是webpack, 我们可以充分利用 Webpack 5 的新特性以及一些常见的优化策略来优化项目的打包体积和提升开发环境的热启动...
参考官网环境配置安装相关依赖后,搭建一个场景展示模型的基本流程。 创建Three.js场景 加载GLB文件 Three.js提供了加载GLB文件的工具,GLTFLoader、...
优化React应用的性能涉及多个方面,包括组件的渲染、状态管理、数据获取、代码分割和懒加载等。以下是一些具体的优化策略: 1. 优化组件渲染 1.1 使用React.mem...
useLayoutEffect 与 useEffect都是react中用于处理副作用的钩子函数,它们的主要区别在于执行时机和对页面渲染的影响。 执行时机 useLayoutE...
setXX与useEffect之间有没有某种触发关系? 为什么我更新了某个状态后,useEffect 也会更新。当然认为他们存在某种联系的原因是setXX(a) 中的值a 也...
Vue 3 对比 Vue 2 做了一些改动 比如:createApp() 代替了 new Vue()v-model 代替了以前的 v-model 和 .sync根元素可以有不...
loader就是一个加载器也就是一个代码转换器webpack只能支持js语言的解析任何非js的文件都必须先预先处理成js代码 plugin负责打包工作打包html文件
很多共同之处有:使用虚拟DOM高效的更新视图,提倡组件化数据驱动视图diff算法进行优化router 库实现url到组件的映射状态管理 但是在实现上又有所不同 组件化的好处 ...
记住组件的数据useState 初始化数据 在事件中触发 触发渲染render 有两种情况:组件初始化render组件中的数据被更新重新render 图片函数组件Image....
添加事件 点击事件也有两种形态 按情况进行使用 读取props 触发事件 所有的可变变量都可以通过参数传入进来也可以将方法作为props传入 事件相关的知识后续会继续不断的更新学习
props 子组件 需要传入两个参数person size父组件使用到子组件在组件使用中传入 person size 包中包 app.js 当某个条件成立 不想render ...
useState组件记住一些信息,并且重置(设置当前的值初始状态) 允许在react函数组件中添加state的hook是一个特殊hook,特殊的函数 hooks其实上面写的每...
1 语法声明一个函数, return 一个html 其他的函数可以调用,在return内部直接写入函数名一样的标签 即可 2.添加样式 3.赋值 渲染可以用ifelse 做判...