logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react 15-16-17-18各版本的核心区别、底层原理及演进逻辑的深度解析--react17

工具支持:需配合 Babel 插件(如 @babel/plugin-transform-react-jsx)。(在 React 16.3 标记为 UNSAFE_,React 17 中彻底移除警告,但代码仍可运行)。通过新的 JSX 运行时(如 react/jsx-runtime),无需手动引入 React。避免全局事件冲突,更符合预期行为(如嵌套 React 应用的事件冒泡)。支持多个 React

文章图片
#react.js#前端#前端框架
react 15-16-17-18各版本的核心区别、底层原理及演进逻辑的深度解析--react18

React 18 是一次重大的版本升级(发布于2022年),引入了并发渲染(Concurrent Rendering) 和一系列新特性,旨在。

文章图片
#react.js#javascript#前端
react 15-16-17-18各版本的核心区别、底层原理及演进逻辑的深度解析

定义:一个轻量化的js 对象,描述真实的DOM的结构和属性。

文章图片
#react.js#javascript#ecmascript
为什么 react 需要 fber 架构,而 Vue 却不需要?

React需要Fiber架构,而Vue却不需要,这主要是由于两者在的差异所导致的。

文章图片
#vue.js#react.js#架构
react 和 react-dom 是什么关系

如ReactDOMServer.renderToString()或ReactDOMServer.renderToStaticMarkup(),开发者可以将。(Server-Side Rendering, SSR)的功能。React和React DOM是两个与React。在React 18及以上版本中,React DOM的主要方法包括。此外,React DOM还提供了。事件(如点击、输入等)。Rea

文章图片
#react.js#前端#前端框架
react-hook(useState、useReducer、useEffect、useCallback、useMemo、useRef、useContext等)

useStateuseState接收一个初始值,返回的是一个解构出来的数组,第一个是当前状态(似state),第二个是状态的更新函数(似setState),更新函数与react的setState不同的是,useState的更新函数会将状态替换(replace)而不是合并(merge)。使用场景:函数组件中需要用到状态值,类似react类组件的stateimport React, { useStat

react useEffect

useEffect函数组件中没有生命周期,那么可以使用 useEffect 来替代。如果你熟悉 React class 的生命周期函数,你可以把useEffect Hook 看做 componentDidMount,componentDidUpdate 和componentWillUnmount 这三个函数的组合。react 示例class Example extends React.Compon

自定义hook~useExpiredStorage(过期时间的本地存储)

removeAllLocalExp()会遍历所有key,数据量大时需谨慎使用。:实际存储的数据比原始值多约20字节(包含时间戳和过期时间):removeAllLocalExp()可清理所有过期数据。:依赖客户端本地时间,若用户修改系统时间会影响过期判断。:有效期(毫秒),例如 1小时 = 3600000。:适用于中小型数据存储(小程序存储上限约10MB):基于Taro API,支持多端运行。:符合

#前端#javascript#开发语言
Taro性能优化30招,让你的小程序飞起来

使用 taro-plugin-image-mini 自动压缩图片。支持 React Server Components(SSR 优化)避免在全局 Store 存储大对象(如 10MB 的省市数据)使用 swr 或 taro-request 做请求缓存。:通过 font-spider 提取页面用到的字符。更精简的运行时体积(移除冗余 polyfill)更快的 React 18 并发渲染(实验性)FC

#taro#小程序
requestanimationframe 无限循环

简介requestAnimationFrame()函数就是针对动画效果的API,你可以把它用在DOM上的风格变化或画布动画或WebGL中优点浏览器可以优化并行的动画动作,更合理的重新排列动作序列,并把能够合并的动作放在一个渲染周期内完成,从而呈现出更流畅的动画效果。通过requestAnimationFrame(),JS动画能够和CSS动画/变换或SVG SMIL动画同步发生。另外,如果在一个浏览

    共 13 条
  • 1
  • 2
  • 请选择