初衷：本来在其他博客已经有很多人给过教程了，但是无奈我这里测试的时候一直有问题，只能自己走一遍，解决了一下遇到的问题。下面就一步一步的记录一下：在Android studio中创建一个原生项目(AndroidAndRN)在Android studio的Terminal终端或者自己在cmd终端下切换到安卓项目的根目录 在终端下输入 n
转载
2024-05-04 16:31:54
125阅读
# Android React 混合开发入门指南
混合开发是将原生应用与使用 JavaScript 和 React 的 Web 应用结合起来的一种方式。通过这种方式，你可以利用 React 的灵活性并同时享受 Android 原生性能。下面，我将为你介绍实现 Android React 混合开发的全过程。
## 一、流程概述
以下是实现 Android React 混合开发的主要步骤：
|
原创
2024-10-03 07:22:07
78阅读
本篇博客将带大家展开reactnative中关于数据持久化存储的学习。其中涉及到了nodejs的语法的相关知识，也稍做介绍。好了，废话不多说。在androind中数据的持久化存储用的比较多的就是shareperferce，通过shareperferce会在手机创建一个xml文件，其中数据就是已key-value的键值对存储的。reactnative方式也是相似的，不过他的存储数据结构是json串。
iOS中嵌入ReactNative首先贴上了学习reactnative的文档，一定要按照步骤来搭建配置环境， 也包括18分钟的视屏来手把手教你，我们就可以创建一个简单的reactNative项目了 接下来就要说重点了，怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后，在终端里进入到我们项目的目录下边进行如下配置：1：node初始化：npm i
转载
2023-10-31 23:21:57
140阅读
# iOS React Native 混合开发指南
在现代移动应用开发中，结合原生代码与 React Native 是一种常见的实践。通过这种方式，我们可以利用 React Native 的跨平台优势，同时满足 iOS 的原生需求。本文将详细介绍如何实现 iOS React Native 混合开发的整个流程，并为您提供每一步所需的代码示例。
## 开发流程
以下是实现 iOS React N
选型 native结合html5的混合开发方式自主开发的面向移动客户端的JS mobile web Framework (mwf) mwf框架包含：基础库(节点操作、触摸事件等)，控件库(事件调度、缓存、ajax引擎、模板引擎等)、移动库(通知、文件处理、地理位置等)Patched Phonegap Framework （phonegap 基础上的patch） 修正了如Fling事件被ski
转载
2023-10-31 20:07:09
38阅读
场景：针对目前项目需求，部分功能需要动态热部署，因此考虑使用React Native。下面有个Demo介绍原生iOS项目是
原创
精选
2023-05-22 12:02:11
1658阅读
第一个： 链接：https://pan.baidu.com/s/1KdIs8EUcB9YTuK9VW1dC7g 密码：b68m 第二个： 链接：https://pan.baidu.com/s/1mi7jZcs 密码：nkp0 第三个：链接：https://pan.baidu.com/s/1pZceJ
原创
2022-05-12 17:25:49
67阅读
# 混合编程：React Native 与 Swift
随着移动应用开发的快速发展，开发者们希望能够在一个应用中同时使用React Native和Swift。这种混合编程的方法可以充分利用React Native的跨平台优势，同时也可以使用Swift的原生功能来提高应用性能和用户体验。
## React Native 和 Swift 的结合
React Native是一个用于构建跨平台移动应
原创
2024-06-17 05:35:15
94阅读
前言当前 React Native
虽说版本更新比较快，各种组件也提供的很全面了，但是在某些情况下，混合开发的方式才会快速缩短开发周期，原因无非就是原生平台的“底蕴”无疑更深，拥有众多且类型丰富的第三方支持库。很多情况下，运用这些库可以避免苦逼的重复劳动。接下来我们以
jpush-react-native 插件1为例来看看在 React Native 中如何使用原生的第三方库。开始在开始之前，
RN的环境搭建（这个项目是以windows系统为例。）参考网址：https://www.kancloud.cn/daiji/webapp/511791安装node.js 下载地址：https://nodejs.org/en/
安装一个模拟器，我用的是逍遥模拟器 下载地址：http://www.xyaz.cn/
安装android studio，安装过程中需要下载sdk之类的包
dangerouslySetInnerHTMLdangerouslySetInnerHTML 是 React 为浏览器 DOM 提供 innerHTML 的替换方案。通常来讲，使用代码直接设置 HTML 存在风险，因为很容易无意中使用户暴露于跨站脚本（XSS）的攻击。因此，你可以直接在 React 中设置 HTML，但当你想设置 dangerouslySetInnerHTML 时，需要向其传递包含
转载
2021-04-29 12:24:00
563阅读
2评论
PMP认证与混合项目管理
PMP（Project Management Professional）认证是全球公认的项目管理专业人士认证。它是由美国项目管理协会（PMI）发起的，对项目管理知识和技能进行严格评估的一种认证。PMP考试内容涵盖项目管理的五大过程组和十大知识领域，考试难度较高，需要考生具备扎实的理论基础和丰富的实践经验。为了保持PMP认证的有效性，持证人需要每三年获得60个PDU（Pr
原创
2023-11-28 10:00:45
81阅读
随着react的流行，越来越多的前端工程师使用react来进行开发，当时用react时，creact-react-app无疑进入了大家的眼帘，本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用，然后本地调试，直到最后的上线运行。本篇文章内容结构说明，主要有以下12个部分：1. 安装nodejs2.使用nodejs的npm包安装create-react-a
今天来分享 Github 上 8 个很棒的 React 项目，希望能通过学习这些项目源码，帮助大家更好地理解 React，编写更优雅的 React 代码！概览：React Tetris： 俄罗斯方块Kutt.it： URL 缩短器Win11 in React： Web 版 Windows 11JoL-player： 视频播放器Take Note：
转载
2024-05-15 10:01:57
12阅读
在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。浏览器中通过标签直接引入 React框架有两个核心的包，分别是react以及react-dom,如何想直接在浏览器中使用React，那么把这两个包直接引入
转载
2024-02-27 14:49:54
80阅读
前言：本教程起就是从0开始做一个完整的 react 项目，教程的案例推荐使用 antd 的官方文档一起学习。也可以称为在 create-react-app 中使用 antd1、首先，配置好一个 react 项目 npx create-react-app my-app 删除 src 文件夹下的所有文件： cd my-app
cd src
del * 在 src 文件夹下新建一个 in
转载
2024-01-12 07:09:04
78阅读
前言 首先这是一个react17的项目，包含项目中常用的路由、状态管理、less及全局变量配置、UI等等一系列的功能，开箱即用，是为了以后启动项目方便，特地做的基础框架，在这里分享出来。 这里写一下背景，我最开始是node8的环境，因为react17需要至少node14的版本，我就直接升级到16了，关于node升级遇到的问题，我有另一篇文章专门罗列步骤和可能出现的问题及解决方案，这里就不多说。
转载
2023-12-26 22:25:59
41阅读
做项目需要把服务器接口传过来的 HTML 文本字符串转换成 DOM 对象。有两种方法：第一种用 innerHTML；function parseToDOM(str){
var div = document.createElement("div");
if(typeof str == "string")
div.innerHTML = str;
return div.childNodes;
}
f
转载
2023-07-12 15:01:52
107阅读
学习目标了解混合移动App开发的相关背景
原创
2022-06-27 11:52:46
1505阅读
