- 博客(6)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 RN拆包解析
一. 拆包动机RN作为非常优秀的移动端跨平台开发框架，在近几年得到众多开发者的认可。国内各大厂采用在当前原生应用内集成RN的方式，使得App应用的灵活性得到了很大的提升。在原生应用内嵌入RN，就是需要在原生应用内加载RN模块（1个或多个JSBundle），并得以显示。JSBundle中包含了当前RN模块的js代码。如果存在多个RN模块需要被加载时，就需要分别打出多个JSBundle，并且多个JS...
2020-01-14 17:40:28
1010
原创 原生RN与58RN启动流程分析
一.原生加载流程我们知道RN的页面也是依托Activity，React Native框架里有一个ReactActivity，它就是我们RN页面的容器。ReactActivity里有个ReactRootView，正如它的名字那样，它就是ReactActivity的root View，最终渲染出来的view都会添加到这个ReactRootView上。ReactRootView调用自己的startR...
2020-01-14 17:39:47
676
原创 ReactNative fetch源码分析
原生分析的是安卓端核心代码//react-native/vendor/core/wehatwg-fetch.jsself.fetch = function(input, init) { return new Promise(function(resolve, reject) { var request = new Request(input, init); v...
2020-01-14 17:38:51
815
原创 RN对性能监控的思考及工具分享
分享内容全局属性Context性能监控debug工具一.全局属性Context1.概念当你不想在组件树中通过逐层传递props或者state的方式来传递数据时，可以使用Context来实现跨层级的组件数据传递。上图，使用props或者state传递数据，数据自顶下流。使用Context，可以跨越组件进行数据传递。使用Context如果要Context发挥作用，需要用到两...
2020-01-14 17:24:35
1745
原创 RN bundle自动化静态扫描
背景起因是在排查公寓找室友bundle过大问题时，发现house-middle-sdk体积异常，逐个删减引用得出结论是引用了node-forge库导致，通过这次手动排查经历演化出做一个bundle自动化静态扫描的想法。介绍安装npm i house-cli -g使用根目录添加metro.config.js文件//里面引用全局路径（这个后面优化一下）module.exports ...
2020-01-14 17:23:48
292
原创 react-native metro 分析
文章目录前言概念ResolutionTransformationSerialization打包方式MoudlesPlain bundleIndexed RAM bundleFile RAM bundle流程前置流程resolve流程Transformer流程序列化流程缓存为什么要缓存缓存的请求与缓存Metro配置结构前言metro是一种支持ReactNative的打包工具，我们现在也是基于他来...
2020-01-14 17:17:38
2632
Android毕业设计-连连看游戏
2013-09-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人