前端框架标签_开源鸿蒙跨平台开发者社区

前端框架

react navite浏览器 Event Loop 和 Node Event Loop 的区别

如果你是做React Native 前端开发。

光影少年
2026-09-12 14:42:19

 203

 2

#react.js #前端 #前端框架 +2
React18 对RN 的影响

如果你是在准备RN 面试/技术方案React 18 对 React Native 最大的影响，是把 Concurrent Rendering、Automatic Batching、Transitions 等新的 React 渲染能力带入 RN 的技术演进，同时推动 RN 与 Fabric 新架构结合。实际开发中最明显的变化是状态更新的批处理、StrictMode 下副作用行为，以及未来更好的渲染调

 光影少年
2026-09-09 17:23:01

 117

#react.js #前端 #前端框架 +2
开启RN之旅——React基础

文件格式: 后缀名为.json的纯JSON格式文件，包含大括号包裹的多个字段定义核心作用: 管理React Native工程的所有配置和依赖关系name: 应用名称，如示例中的"demo"version: 应用版本号，格式为"主版本.次版本.修订号"，如"0.0.1"private: 布尔值，设为true可防止工程被意外发布到npm仓库注意: 当设置为true时，执行npm publish会报错s

一叶难遮天
2026-08-29 23:12:03

 243

 5

#react.js #前端 #前端框架
react navite调试方案：Flipper、远程调试

如果你是在整理React Native 调试体系Flipper 是过去 RN 很重要的综合调试工具；Remote Debugging 是过去常见的 JS 调试方式；对于现在的新 RN 项目，优先使用 React Native DevTools + Android Studio/Xcode。如果你告诉我你目前用的是React Native 哪个版本（比如 0.73、0.76、0.79、0.81），我

 光影少年
2026-08-29 19:10:07

 233

 8

#react.js #前端 #前端框架 +2
RN 环境搭建、版本兼容问题

可以。RN（React Native）最容易踩坑的其实不是“安装不上”，而是。如果你现在准备搭一个 RN 项目，我建议直接按“”的方式来，不要先把 Node、Java、Android Studio 全部升级到最新版。

光影少年
2026-08-28 15:42:12

 285

 6

#react.js #react native #javascript +2
react native打包优化、包体积瘦身、离线包/热更新方案

如果你的项目是准备真正上生产的 RN OTA，我不建议直接自己写一套「下载 JS → 替换 Bundle」就上线。需要特别考虑App Store / Google Play 对代码更新政策、JS Bundle 签名、防篡改、回滚、灰度、Native/JS 兼容性。另外，不同 RN 版本对 Hermes、Codegen、New Architecture、Metro Bundle 的处理也不同。如果你

 光影少年
2026-08-24 09:26:00

 239

 5

#react native #react.js #javascript +2
react navite 内存泄漏：定时器、监听事件、订阅销毁

React Native 里“内存泄漏”很大一部分其实来自。。

光影少年
2026-08-22 17:00:04

 219

 5

#react.js #前端 #react native +2
react navite避免频繁render、合理拆分组件

① 状态放置位置↓② 合理组件边界↓③ 避免 Context 过大↓④ FlatList / SectionList 优化↓↓↓⑦ useMemo↓⑧ 最后才考虑更底层的性能优化是“减少不必要 render”的工具，不是解决组件结构问题的工具。如果你的页面现在已经比较复杂，我也可以直接按一个真实的 React Native 页面，给你演示“错误组件拆分 → 优化后的组件树 → memo/useCa

光影少年
2026-08-21 14:04:47

 187

 4

#react.js #缓存 #react native +2
react navite 长列表优化：FlatList / SectionList 原理与优化属性

你怎么优化 React Native 的 FlatList？可以回答：FlatList 底层基于 VirtualizedList，通过虚拟化机制只渲染可视区域及附近窗口内的 Cell，而不是一次性渲染整个数据集。控制 Cell 渲染：使用React.memo，避免无关 Item 重渲染。稳定引用renderItem、callback 使用，避免不必要的函数重新创建。固定高度优化：如果 Item 高

 光影少年
2026-08-18 16:00:32

 372

 3

#react.js #react native #javascript +2
react navite性能优化 & 常见坑

React Native 怎么做性能优化？可以回答：我一般从 JS、渲染、列表、图片、动画、Native 通信和启动性能几个方面排查。首先通过 Profiler 确认瓶颈，而不是盲目使用 memo。渲染层主要减少不必要的 re-render，合理使用 React.memo、useMemo 和 useCallback；列表使用 FlatList，并根据场景优化 windowSize、initialN

光影少年
2026-08-16 16:45:33

 230

 5

#react.js #性能优化 #前端 +3
React Native网络、存储与原生能力

网络|-- Fetch|-- Axios存储|-- MMKV|-- SQLite原生能力|-- Camera|-- GPS|-- File|-- Push掌握这三部分，基本覆盖 React Native 真实项目开发的 70% 常用能力。

光影少年
2026-08-11 14:34:55

 286

 8

#react native #网络 #php +3
react navite权限处理：相机、定位、相册、推送权限

React Native 做，推荐不要自己封装 Native 权限，而是统一使用：它统一封装 iOS / Android 权限申请、检查、跳转设置等流程。

光影少年
2026-08-08 16:54:36

 197

 4

#react.js #前端 #开发语言 +3
RN的JSI 原理

JSI = React Native 中连接 JS Runtime 和 C++ Native 世界的一层 C++ 接口。它通过让 JS 持有 C++ 对象引用，实现同步调用、零 JSON 序列化、高性能 Native 交互，是 TurboModules 和 Fabric 的底层基础。如果继续深入，可以研究JSI 源码结构（jsi.h）、Hermes Runtime、HostObject 生命周期、

光影少年
2026-08-04 19:11:22

 196

 6

#react native #react.js #javascript +3
TurboModule

TurboModule 是 **React Native 新架构（New Architecture）**中的一种新型原生模块系统，用来替代旧的。它解决了旧 Bridge 架构中 JS 和 Native 通信效率低、类型不安全、启动慢等问题。(GitHub)简单理解：传统 React Native：调用过程：JS 调用 Native 方法参数序列化成 JSON通过 Bridge 传递Native

光影少年
2026-08-02 21:30:37

 197

 6

#react native #react.js #javascript +2
react Native UI Component

比如封装一个按钮：import {Textreturn (<Text>登录</Text>

光影少年
2026-08-01 18:52:45

 291

 7

#react native #ui #react.js +3
React Native Module 注册流程

App启动初始化 ReactContext加载 ReactPackage生成 NativeModuleRegistryBridge/TurboModule 注册JS NativeModules访问调用 Native 方法返回结果。

光影少年
2026-07-30 21:38:55

 244

 4

#react native #react.js #javascript +2
React 如何实现跨平台

丰富的第三方渲染器（如 React Native、React VR、React PDF）不过也要注意：跨平台不是银弹。但 React 提供了优雅的降级方案，让你在 80% 的通用场景中享受跨平台的便利，剩下的 20% 特殊需求也能通过“桥接”机制轻松扩展。：把虚拟 DOM 渲染为 3D 场景这种架构就像“指挥官”和“士兵”：指挥官（React 核心）只负责发号施令（逻辑和状态管理），而士兵（渲染器

 弓呆大胜跑不动的
2026-07-27 19:18:06

 176

 6

#react.js #前端 #前端框架
通往全栈工程师的捷径 —— react

而React，作为Facebook开源的前端框架，不仅在前端领域占据半壁江山，更通过Next.js等技术栈无缝延伸到后端，成为通往全栈工程师的“捷径”。但React的魅力不止于此：它通过虚拟DOM提升性能，通过Hooks简化状态管理，更通过React生态（如Next.js、React Native）覆盖了从Web到移动端、从客户端到服务端的全栈场景。## 后端延伸：用Next.js实现全栈Next

三江番长陀舍古帝
2026-07-26 16:52:12

 198

 6

#react.js #前端 #前端框架
一文吃透 React 基础：JSX、组件、状态 Props 完整入门教程

对于前端开发者而言，React 是目前行业内使用率最高、就业适配性最强的前端框架之一。无论是企业级中后台管理系统、AI 交互平台、移动端 H5 页面，还是跨端 React Native 应用，核心技术栈均以 React 为基础。很多初学前端的同学，在入门 React 时会混淆 JSX 语法、组件逻辑、状态与属性的使用规则，导致项目开发报错频繁、代码冗余、逻辑混乱。

2301_81680467
2026-07-20 10:24:10

 218

 7

#react.js #状态模式 #前端 +1
RN 原生动画 Animated 用法、动画性能优化

React Native 的Animated通过驱动动画，可使用timingspringsequenceparallelloop等 API 实现各种动画效果。性能优化的核心是尽量开启，让动画在原生 UI 线程执行，减少 JS 线程和 Bridge 的参与；同时优先动画transform和opacity，避免布局属性动画，减少组件重渲染，并在滚动场景使用绑定事件，从而获得更流畅的 60 FPS 动画

 光影少年
2026-07-18 18:47:13

 258

 8

#react native #react.js #javascript +2
React Native基础组件与样式

React Native（RN）使用开发移动应用，其基础组件类似于 HTML，但针对 iOS 和 Android 做了封装。

光影少年
2026-07-11 14:58:34

 258

 4

#react native #react.js #javascript +2
RN 渲染原理：不依赖WebView，原生控件渲染

并不是 HTML 标签，而是 React Native 提供的组件。JSI 不需要传统 Bridge，通信效率更高，延迟更低。，由浏览器引擎（如 Chromium/WebKit）绘制。RN 最终调用的是系统原生控件，而不是浏览器 DOM。因此，React Native 的核心特点就是。而是把需要创建、更新控件的信息发送给原生。RN 不会把页面放进 WebView。所以用户看到的是系统真正的原生界面

 光影少年
2026-07-10 19:06:29

 204

 4

#react.js #前端 #前端框架 +1
styled-components：React 样式方案

styled-components 是一个流行的 React CSS-in-JS 库，提供组件级样式隔离和动态样式功能。核心特性包括：跨平台支持（Web/React Native）、完整CSS能力、TypeScript优先设计和小体积。它支持动态属性、样式继承、多态渲染，并提供主题系统通过Context共享设计变量。其他功能包括共享样式块、全局样式、默认属性设置等。该库无需构建配置，压缩后不到13

bitedc492564
2026-06-24 15:09:30

 325

 6

#react.js #前端 #前端框架 +1
React：24 万 Star 的前端框架，到底强在哪

作为一个经历了十多年验证的开源项目，React 的生态极其成熟。状态管理、路由、UI 组件库、构建工具，围绕 React 的第三方方案应有尽有。把页面拆成一个个独立的组件，每个组件管理自己的状态，再组合成完整的界面。组件逻辑写在 JavaScript 里，不受模板语法限制，数据在组件之间传递很灵活。Web 端用 React 本身，移动端可以用 React Native，服务端渲染用 Node。JS

fengbaocode387
2026-06-22 09:53:36

 180

 7

#前端框架 #react.js #前端 +1
尤雨溪亲自点赞！用 Vue 3 写原生 App，这个框架终于来了！

维度传统混合开发渲染机制WebView 渲染，启动慢、长列表卡顿原生渲染，直接调用系统 UI 组件原生能力需要各种桥接、renderjs，维护成本高直接调用原生 API 和 SDK，零延迟开发体验厂商锁仓，Vite/Pinia 支持滞后Vite + TS + Vue 3 全家桶，现代前端体验包体积自带 WebView 内核，体积臃肿纯原生二进制包，平均小 30%有了它，你不仅获得了 React N

敲敲了个代码
2026-05-27 12:03:19

 563

 3

#vue.js #前端 #javascript +3
前端移动端开发超详细指南（2026版）

《移动端前端开发详解》系统讲解移动端开发核心技术与企业实战方案，涵盖 H5、Hybrid、uni-app、Flutter、React Native、小程序等主流方向，深入解析移动端适配、Flex/Grid 布局、性能优化、图表数据统计、ECharts 可视化、工程化开发、组件化设计与企业项目架构。内容包含大量实战案例、代码示例、面试题与答案，并整理 Vue3、React、Vant、Ant Desi

暗冰ཏོ
2026-05-18 15:30:50

 591

 7

#前端 #javascript #css +2
React Doctor：让你的 React 代码更健康

React Doctor是一款专为React项目设计的代码健康检查工具，它能扫描代码库并给出0-100的健康评分，同时提供多维度的诊断建议。支持Next.js、Vite和React Native等多种框架，通过命令行或GitHub Actions集成使用。主要功能包括自动评分、问题诊断和自定义规则配置，帮助开发者发现潜在问题，提升代码质量和可维护性。相比ESLint等工具，React Doctor

weixin_44626085
2026-05-16 18:50:35

 322

 8

#react.js #前端 #前端框架
告别“救火队员”！全自动化混沌工程系统，让LLM当你的7x24小时“可靠性哨兵”

本文提出**ChaosEater**—— 一款基于**大语言模型（LLMs）** 的全自动化混沌工程（CE）系统，旨在低成本帮助用户构建高弹性的**Kubernetes（K8s）软件系统**；该系统通过预定义智能体工作流，将 CE 的 “假设定义、故障实验、结果分析、系统改进” 全周期拆解为细分任务并分配给不同角色的 LLM 智能体，结合**Validation as Code（VaC）** 和*

小马不会过河
2025-12-15 14:08:46

 758

 22

#自动化 #运维 #react.js +4
PhotoReactive Pro | WordPress Theme: A Technical Review & Production-Ready Portfolio Playbook

PhotoReactive Pro | WordPress Theme reviewed from a working photographer’s and developer’s perspective. Learn IA for portfolios, disciplined export rules, Core Web Vitals tactics, accessibility that s

2501_93139499
2025-08-22 01:18:08

 1008

 22

#前端 #前端框架 #php
使用vite创建vue3项目报错Internal server error: crypto.hash is not a function

Vite 与 Node.js 版本不兼容导致的。Vite在较新版本中使用了 Node.js的crypto模块的新 API（如crypto.createHash），但我的项目可能运行在不支持这些 API 的 Node.js 版本上。使用vite创建vue3项目。

EchoLiner
2025-07-04 14:22:47

 1645

 3

#前端 #前端框架
React--》从零开始搭建一个文章后台管理系统_react后台管理系统

Itemlabel=“频道”name=“channel_id”rules={[{required:true,message:‘请选择文章频道’}]}><Itemlabel=“标题”name=“title”rules={[{required:true,message:‘请输入文章标题’}]}>title=“是否确认退出？{pattern:/^1[3-9]\d{9}$/,//设置正则匹配规则。//把所

 2501_90225703
2025-01-18 22:05:25

 1260

 16

#react.js #前端 #前端框架
【android studio】flutter应用无法显示模拟器解决办法

。首先通过Android Studio安装Command-line工具并完成配置，然后处理了Android许可证问题，使用flutter doctor --android-licenses命令接受所有许可条款。接着安装iOS开发必需的CocoaPods依赖管理工具，通过sudo gem install cocoapods命令完成安装。最后验证flutter doctor命令输出无报错提示，确认所有

 xiaoyanxi2013
2025-10-31 08:50:46

 334

 5

#android studio #flutter #android +1
DataRoom部署配置2.X及3.X

摘要：DataRoom是一款开源的大屏可视化设计器，采用前后端一体化技术架构。本文介绍其基于源码的启动配置方法，重点说明不同版本的配置差异：2.X版本需修改数据库配置，3.X版本数据库配置可选。同时指出Node版本需统一使用14.XX系列，并提供了解决Druid连接池报错的配置方案。文章还给出了项目源码地址和官方文档链接，为开发者提供完整的配置参考指南。

Amatureyu
2025-12-01 16:55:50

 685

 6

#git #大屏端 #前端框架 +1
爱看（LikeSee）开源短视频应用

爱看（LikeSee）是一款基于Flutter开发的短视频应用，旨在提供类似抖音的视频浏览、互动体验。项目采用最新的Flutter框架和相关技术栈，实现了流畅的视频播放、精美的用户界面以及丰富的社交互动功能。

孙栋梁
2025-05-06 18:53:01

 761

 1

#开发语言 #前端框架 #php
无需WebView，Vue也能开发跨平台桌面应用

一直以来，使用Vue开发桌面应用大部分都是使用基于webview的方案，如electron,tauri等。不依赖webview的，移动端倒有不少，如Weex,NativeScript等，桌面端寥寥无几。最近，Deft框架完成了Vue3的适配，支持使用Vue+Rust开发跨平台应用，不依赖Webview，目前支持Linux,Windows,MacOS和Android等系统，后续计划将支持鸿蒙和iOS

鴻庵楊氏
2025-05-14 15:18:47

 101

#vue.js #前端 #javascript +2
React Hook是怎么处理代码复用的

React 自定义 Hook 是解决代码复用的强大特性，相比高阶组件和 Render Props 更优雅。它通过提取状态逻辑到独立函数中，实现逻辑与 UI 分离。例如，一个 useFetch 自定义 Hook 可被多个组件复用，各自管理独立的状态。优势包括：逻辑解耦、代码简洁、易于组合和调试。相比传统方案，自定义 Hook 提供了更扁平、清晰的代码结构，是更符合函数式编程的复用方式。

歪歪100
2025-09-15 15:44:07

 962

 18

#react.js #javascript #前端 +2
从0开始配置 React 开发环境

详细讲解如何从零开始配置 React 开发环境，并包括安装 nvm（Node Version Manager）、切换国内镜像、使用 yarn 或 cnpm，以及如何导入已有项目。

一个public的class
2025-03-26 16:12:48

 1306

 20

#react.js #前端 #前端框架 +1
菜鸟前端 cursor 全栈开发 app 的踩坑分享（一、确定技术栈&安装Cursor）

最重要的是，Firebase 和 Flutter 有官方适配的插件，调用接口简单易懂，Cursor 的 AI 还能辅助生成集成代码，新手能快速实现前后端联动，专注于 App 的功能和体验开发，先完成最小可用产品，再考虑后续是否扩展传统后端。考虑到安卓应用上架和权限审核特别麻烦，是想开发ios的，结果忽略了一个致命问题：我没有Mac，嘿嘿，不过还是放弃了安卓原生开发，使用Flutter ，一套代码双

 傻馄饨
2026-02-05 16:28:34

 1025

 24

#前端 #前端框架 #android +2
Composition API的深入理解与最佳实践

就是组合的API，也就是一系列API的集合。区别于Vue2的Options API（选项式API）更强调使用函数思想去写组件。同时它也是一个概括性的术语，包涵以下方面的API。响应式API：例如ref和reactive，使我们可以直接创建响应式状态、计算属性和侦听器。生命周期钩子：例如和，使我们可以在组件各个生命周期阶段添加逻辑。依赖注入：例如provide()和inject()，使我们可以在使用

 参圣
2025-04-30 15:11:10

 1507

 11

#vue.js #javascript #前端 +4
高校宣讲会管理系统（11292）

本文介绍了一个基于Java的Web开发项目，包含前后端源代码、SQL脚本和配套文档(LW+PPT+开题报告)。项目采用SSM+SpringBoot+Vue框架，使用JSP页面和MySQL数据库，支持IDEA/Eclipse开发环境。提供项目演示视频、完整源代码、文档资料及远程调试服务。需要获取资源的同学可联系文章下方联系方式。

codercode2022
2025-12-01 21:43:48

 298

 4

#ruby on rails #typescript #java +4
面试题：React实现鼠标托转文字绕原点旋转

/ 1. 更改矩形位置})// 2. 清空画布并绘制新的线});render() {return (<span/>})})// 清空画布// 4. 绘制直线// 5. 描边。

字节全栈_bgK
2025-01-30 01:40:46

 713

 17

#react.js #前端 #前端框架
JxBrowser 7.42.0 版本发布啦！

• 解决了 Windows Defender 启动时间问题• 进行了多项质量改进

 TeamDev
2025-02-08 01:56:42

 240

 3

#java #chrome devtools #kotlin +3
Jax Learning

2.4 [:,None,:]和[:,None]输出张。a[:-1],a[::-1],a[-2:-1]，a[-2::-1]、X[ : , :-1]，X[ : ,-1: ]，x[:,-2:]，x[:,-2:-1]可以自己试一试就懂了。Python中numpy数组切片：print(a[0::2])、[::-1]、[::2]、[:,2]、[1:,-1:]、[ : ,: -1]，[:,-2:]、[ : n]

weixin_47161269
2025-09-10 08:39:31

 683

 25

#react.js #前端 #前端框架
扩展：React 项目执行 yarn eject 后的 config 目录结构详解

在 React 项目中执行 yarn eject 后，create-react-app 隐藏的 Webpack 配置将被暴露，生成 config/ 目录。该目录包含构建、开发和测试所需的配置文件，如 env.js（环境变量配置）、getHttpsConfig.js（HTTPS 配置）、modules.js（模块路径配置）、paths.js（项目路径管理）、webpack.config.js（Web

郝开
2025-05-12 17:27:31

 1106

 21

#前端框架 #react.js
前端新人避坑指南：React Context实战全解析

throw new Error('useAuth 必须在 AuthProvider 内部使用！');return ctx;只干一件事——创建“广播频道”Provider干两件事——存数据 + 发信号useContext干一件事——收信号分工明确，谁也别越界。if (!console.log('[Auth] 当前用户:', ctx.state.user);return ctx;写到最后，送你一句掏心

 black_cat7
2025-10-18 09:13:32

 1045

 29

#前端 #react.js #前端框架 +1
【deepseek用例生成平台-07】首页顶部和底部的设计实现

关于代码复制问题：最近直接复制粘贴后的格式是有问题的，要么就全塞进一行，要么就一字符一行，实在是苦不堪言。（解释：每个el-row的意思就是一行，gutter是间隔，每个el-col就是一列，:span就是列宽，每列里面有个el-tag标签。内部展示文案就是 text （文案）: count（数量），具体的数据变量写在了data()属性的return中，而每个标签使用了我自定义的同一个样式：cus

我去热饭
2025-02-28 11:16:09

 476

 5

#vue.js #javascript #前端 +1
React上下文：新手避坑指南与实战妙招

if (!ctx) throw new Error('useAuth 必须在 AuthProvider 内使用');return ctx;if (!ctx) throw new Error('useCart 必须在 CartProvider 内使用');return ctx;对外只暴露 Hook，组件层根本不知道 Context 的存在，想换 Redux 都无痛。以前我写代码，习惯“走一步看一步”

black_cat7
2025-10-17 21:01:08

 733

 20

#react.js #前端 #前端框架 +1