發(fā)簡(jiǎn)信
IP屬地：浙江
-
-
-
00-開(kāi)篇
概述 動(dòng)態(tài)化技術(shù)是當(dāng)下移動(dòng)端技術(shù)棧發(fā)展的一個(gè)熱點(diǎn)奥喻。在移動(dòng)端上的動(dòng)態(tài)化的核心要點(diǎn)是能夠滿(mǎn)足跨平臺(tái)倦淀、快速發(fā)布绩衷、快速收集反饋等一系列業(yè)務(wù)痛點(diǎn)吊输。目前市面上可選的相對(duì)成熟的動(dòng)態(tài)化方案主...
-
08-性能優(yōu)化-列表
列表是個(gè)大坑!! 當(dāng)時(shí)使用之后饶号，列表長(zhǎng)度超出 50+ 之后，卡頓極其明顯季蚂，基本不可用茫船。主要原因是 FlatList 內(nèi)部采用的是 ScrollView 機(jī)制琅束，當(dāng)元素比較多的時(shí)...
-
07-性能優(yōu)化-網(wǎng)絡(luò)
React-Native 內(nèi)部集成了 OkHttp 作為網(wǎng)絡(luò)底層實(shí)現(xiàn)，上層直接調(diào)用 fetch api 即可發(fā)起網(wǎng)絡(luò)調(diào)用算谈。 除非你對(duì)網(wǎng)絡(luò)有特殊要求涩禀，否則現(xiàn)有的環(huán)境應(yīng)該是足以滿(mǎn)...
-
06-性能優(yōu)化-拆包3-自研方案
基于前面分析， 我們要解決拆包問(wèn)題的話(huà)然眼，需要解決以下幾個(gè)問(wèn)題： 支持 TypeScript艾船。 common 部分的 moduleId 需要固化下來(lái)。不論怎么構(gòu)建同一個(gè)文件對(duì)應(yīng)...
-
06-性能優(yōu)化-拆包2-別人家的方案
在自己上手實(shí)現(xiàn)拆包工具之前高每，我們也調(diào)研了其他家關(guān)于這方面的解決方案屿岂。 因?yàn)檫@種操作并沒(méi)有官方的解決方案，又和各家的工程結(jié)構(gòu)相關(guān)聯(lián)鲸匿，所以網(wǎng)上大家提供的解決方案基本都是描述了實(shí)現(xiàn)...
-
06-性能優(yōu)化-拆包1-bundle 命令本文主要介紹 bundle 命令的執(zhí)行過(guò)程爷怀，以及 Facebook 專(zhuān)門(mén)為 react-native 開(kāi)發(fā)的打包工具 Metro(針對(duì) v0.30.2) 的基本原理。 loc...
-
06-性能優(yōu)化-拆包0為什么要拆包 React-Native 開(kāi)發(fā)完成之后带欢，需要調(diào)用 react-native bundle 命令構(gòu)建出最終包运授，發(fā)布上線(xiàn)。但是構(gòu)建出結(jié)果包之后發(fā)現(xiàn)乔煞，即使是一個(gè)不帶任...
-
03-Flexible Box概念 React-Native 中所有的布局均采用 Flex 布局锦溪。采用 Flex 布局的元素，稱(chēng)為 Flex 容器（flex container）府怯，簡(jiǎn)稱(chēng)"容器"刻诊。它的所有子...
-
02-React 介紹JSX 類(lèi)似于 Android 中的 xml，完成布局的同時(shí)牺丙，包含了邏輯部分则涯。 其實(shí)這個(gè)本質(zhì)上是一種語(yǔ)法糖，在編譯期會(huì)被轉(zhuǎn)成 JS Object冲簿。例如 轉(zhuǎn)換后: Compon...
-
01-整體生態(tài)概況技術(shù)棧概覽 JavaScript & TypeScript 目前前端技術(shù)棧主要都使用 JavaScript 開(kāi)發(fā)粟判。JavaScript 是一種動(dòng)態(tài)語(yǔ)言，對(duì)于長(zhǎng)期使用 Java...
-
00-開(kāi)篇
概述 動(dòng)態(tài)化技術(shù)是當(dāng)下移動(dòng)端技術(shù)棧發(fā)展的一個(gè)熱點(diǎn)峦剔。在移動(dòng)端上的動(dòng)態(tài)化的核心要點(diǎn)是能夠滿(mǎn)足跨平臺(tái)档礁、快速發(fā)布、快速收集反饋等一系列業(yè)務(wù)痛點(diǎn)吝沫。目前市面上可選的相對(duì)成熟的動(dòng)態(tài)化方案主...
-
@NanoMo 是的
如何理解 Transform API
概述 Starting with 1.5.0-beta1, the Gradle plugin includes a Transform API allowing 3rd p...
