Cxiaomu的博客

本文介绍了React Native应用中实现自动版本检测和更新的完整方案。该方案采用分层架构设计，包含VersionManager核心工具类、useVersionCheck Hook和VersionUpdateDialog UI组件三大模块。功能上支持自动检查版本更新、强制更新判断、智能重试机制、应用状态监听等核心能力，并提供美观的用户界面。实现步骤包括创建版本API服务、开发版本管理工具、构建检查Hook和更新对话框、最后集成到应用入口。文章还提供了版本API服务和VersionManager工具类的详细

React Native实现BLE蓝牙设备接入需要分层架构设计，分为Android原生层、RN桥接层、蓝牙管理器封装层和应用层。关键点包括：处理Android不同版本的权限差异（Android 12+需要新权限BLUETOOTH_SCAN/CONNECT，10-11需位置权限），原生模块实现扫描连接等核心功能，运行时动态权限检查，以及通过事件系统实现原生与JS层通信。

在实际项目开发中，请求后端接口都需要去调用http，目前常用的基于promise的网络请求库。但是实际应用时，还是需要进行封装处理，配置ip、超时时间、请求拦截、响应拦截等操作。此处涉及以下几个方面：1. 基本配置 2. 参数处理 3. request拦截器 4. response拦截器。

WebSocket 是一种网络通信协议，它允许客户端和服务器之间建立持久的双向连接。与传统的 HTTP 请求-响应模式不同，WebSocket 连接一旦建立，双方都可以主动发送数据，无需等待对方的请求。这就像是建立了一条"数字高速公路"🛣️，数据可以双向快速流动！WebSocket 协议最初是为了解决 Web 应用中实时通信的需求而设计的。在 WebSocket 出现之前，开发者通常使用轮询（Polling）或长轮询（Long Polling）来实现实时通信，但这些方法就像是"不停地敲门问有没有新消息

自互联网兴起以来，从最初的静态网页到如今的动态交互、单页应用（SPA）、PWA（Progressive Web Apps）等，互联网技术正在飞速发展，随着用户体验成为核心竞争力之一，前端性能直接影响网站或应用的加载速度、交互流畅度，进而影响用户留存率和业务转化率。由此，前端性能优化极其重要，以下内容为学习一前端性能优化课程所做的xmind笔记。