logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

RN线程模型

React Native 的线程架构通过隔离 JS 线程、Native Module 线程和 UI 主线程,解决了单线程限制与性能冲突问题。JS 线程独立运行避免阻塞 UI,Native 操作异步执行防止卡顿,而 UI 更新严格在主线程完成。这种设计虽引入异步通信的开销,但确保了流畅交互和高效渲染,是 RN 性能优化的核心机制。开发者需遵循线程规则,避免跨线程同步调用导致的死锁或性能问题。

#react native
RN线程模型

React Native 的线程架构通过隔离 JS 线程、Native Module 线程和 UI 主线程,解决了单线程限制与性能冲突问题。JS 线程独立运行避免阻塞 UI,Native 操作异步执行防止卡顿,而 UI 更新严格在主线程完成。这种设计虽引入异步通信的开销,但确保了流畅交互和高效渲染,是 RN 性能优化的核心机制。开发者需遵循线程规则,避免跨线程同步调用导致的死锁或性能问题。

#react native
浅谈 RN新架构与老架构

React Native新旧架构核心差异在于通信机制:旧架构通过Bridge进行异步JSON序列化通信,存在性能瓶颈;新架构基于JSI实现JS与Native直接同步调用,配合Fabric渲染器和TurboModules模块系统,显著提升性能。主要改进包括:消除序列化开销、支持同步通信、多线程安全渲染、按需加载模块。新架构自0.74版本逐渐成熟,0.76成为默认选项,为动画、手势等高性能场景提供更好

#react native
RN 0.63 双端冷启动线程流转

React Native 0.63旧架构下,Android和iOS冷启动流程遵循相同核心路径:主线程初始化→后台线程创建引擎/加载Bundle→JS线程执行→Shadow线程计算布局→主线程渲染。iOS使用4条线程/队列(主线程、GCD后台队列、JSThread、ShadowQueue),Android采用5条线程(主线程、AsyncTask、JSThread、ShadowThread和UIThr

#react native
vue三种方式实现:全选、反选、全不选

方法一:v-model 与 [{checked:true},…]<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport&

到底了