中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當前位置: 首頁 > news >正文

友匯網(wǎng) 做公司網(wǎng)站如何利用網(wǎng)絡進行推廣和宣傳

友匯網(wǎng) 做公司網(wǎng)站,如何利用網(wǎng)絡進行推廣和宣傳,wordpress域名換了打不開,作圖在線制作文章目錄 一、前言二、Metro生命周期2.1 解析(Resolution)2.2 轉(zhuǎn)換(Transformation)2.3 序列化(Serialization) 三、拓展閱讀 一、前言 眾所周知,Metro 是 React Native 默認的 JavaScript 打包模塊。對于前端項目,打包工具已有webpack(大而全&#xff…

文章目錄

    • 一、前言
    • 二、Metro生命周期
      • 2.1 解析(Resolution)
      • 2.2 轉(zhuǎn)換(Transformation)
      • 2.3 序列化(Serialization)
    • 三、拓展閱讀

一、前言

眾所周知,MetroReact Native 默認的 JavaScript 打包模塊。對于前端項目,打包工具已有webpack(大而全,圖片代碼打包),rollup(專攻代碼打包,框架場景常見)等,既然有這些打包工具為什么還要在移動端搞一個metro,其中一個原因為ram bundle,iOS采用indexed ram bundle讀取一個文件效率更高,Android采用file ram bundle

二、Metro生命周期

metrobundling有三個階段:

  • 解析(Resolution): 解析所有模塊并且構建成圖,有點類似于Gradle在配置階段會將所有相互依賴的任務構建成圖。
  • 轉(zhuǎn)換(Transformation):轉(zhuǎn)換階段會將模塊轉(zhuǎn)換成目標平臺能識別的格式,這一階段執(zhí)行了js編譯,主流常用的js編譯器為babel
  • 序列化(Serialization):最后一個階段序列化,會將所有轉(zhuǎn)換之后的模塊打包成一個或者多個bundle。

2.1 解析(Resolution)

在Gradle 配置階段我們??吹?code>assets、aidl、res、java的配置。

android{...sourceSets {main {java.excludes = ['**/build/**',]srcDirs.forEach {assets.srcDirs += "$projectDir/$it/main/assets"aidl.srcDirs += "$projectDir/$it/main/aidl"res.srcDirs += "$projectDir/$it/main/res-frame-animation"res.srcDirs += "$projectDir/$it/main/res"java.srcDirs += "$projectDir/$it/main/java"}}}...
}

metro與之對應項為assetExts、sourceExts

2.2 轉(zhuǎn)換(Transformation)

ram bundle的啟動優(yōu)化中,通過getTransformOptions可以實現(xiàn)模塊預加載,而其他的模塊按需加載從而提高啟動速度。

function getTransformOptions(entryPoints: $ReadOnlyArray<string>,options: {dev: boolean,hot: boolean,platform: ?string,},getDependenciesOf: (path: string) => Promise<Array<string>>,
): Promise<ExtraTransformOptions> {// ...
}type ExtraTransformOptions = {preloadedModules?: {[path: string]: true} | false,ramGroups?: Array<string>,transform?: {inlineRequires?: {blockList: {[string]: true}} | boolean,nonInlinedRequires?: $ReadOnlyArray<string>,},
};

preloadedModules中配置的模塊為預加載模塊,而其他的模塊在ram bundle按需加載,這一塊有點類似于Android multidexAndroid5.0之前可以將部分類指明到主dex,其他被分配到輔dex。在Android App的構建流程中,編譯完之后還會對字節(jié)碼進行混淆,這塊metro也有minifierPath(默認使用metro-minify-terser)、minifierConfig。在混淆這塊除了terser,metro還提供了metro-minify-uglify。

2.3 序列化(Serialization)

在序列化的階段模塊需要有id以便于require導入,創(chuàng)建模塊id的函數(shù)為createModuleIdFactory,而processModuleFilter決定了過濾掉哪些模塊不進入bundle,所以通過createModuleIdFactoryprocessModuleFilter兩個函數(shù)可以實現(xiàn)分包。

隨著react-refresh、react-reconciler相繼出現(xiàn),react hot loader逐漸被替代,react refresh的實現(xiàn)與平臺無關,ReactReact Native等實現(xiàn)react-reconciler的自定義渲染器都能使用,而且react refresh能hot的顆粒度更小。在Web平臺使用react refresh 。移動平臺則是React Native團隊自己實現(xiàn)且內(nèi)置到了metro打包器取名fast-refresh。

三、拓展閱讀

  • Recat Native Metro 官網(wǎng)
http://www.risenshineclean.com/news/50360.html

相關文章:

  • 網(wǎng)站首頁導航怎么做二級導航太原網(wǎng)站建設方案優(yōu)化
  • 網(wǎng)站建設和域名備案注冊推廣賺錢一個80元
  • 重慶所有做網(wǎng)站的公司排名海外seo
  • 家庭電腦做網(wǎng)站班級優(yōu)化大師免費下載安裝
  • 大連專業(yè)網(wǎng)站設計服務商合肥關鍵詞排名
  • 做的網(wǎng)站每年需要續(xù)費重慶seo全網(wǎng)營銷
  • 一件代發(fā)應該在哪個網(wǎng)站上做典型十大優(yōu)秀網(wǎng)絡營銷案例
  • 什么軟件可以做dj視頻網(wǎng)站推廣優(yōu)化網(wǎng)站排名教程
  • 鄭州大型網(wǎng)站建設谷歌seo服務商
  • wordpress docker中文文檔seo搜索引擎優(yōu)化視頻
  • 網(wǎng)站設計與編輯網(wǎng)站推廣的技術有哪些
  • php中英文企業(yè)網(wǎng)站浙江搜索引擎優(yōu)化
  • 山東免費網(wǎng)站制作seo標題優(yōu)化是什么意思
  • 有效果的網(wǎng)站排名網(wǎng)絡營銷學校
  • 自己網(wǎng)站的登錄api怎么做上海今日頭條新聞
  • 廊坊電商網(wǎng)站建設推廣關鍵詞排名
  • 網(wǎng)站建設對企業(yè)的意義淘寶推廣哪種方式最好
  • wordpress會員查看發(fā)布插件上海網(wǎng)站快速排名優(yōu)化
  • 大學科研項目做網(wǎng)站常州seo收費
  • 在網(wǎng)站里文本鏈接怎么做關鍵詞com
  • 網(wǎng)站開發(fā)階段怎么做測試網(wǎng)絡培訓
  • 做的好的淘寶客網(wǎng)站營銷策劃思路
  • 北京商城網(wǎng)站建設國內(nèi)設計公司前十名
  • 網(wǎng)站建設技術服務合同營銷網(wǎng)站建設專家
  • 相親網(wǎng)站做期貨現(xiàn)貨貴金屬的人開車搜索關鍵詞
  • 寧波網(wǎng)站建設多少錢一個搜索排名廣告營銷
  • 哪里有做營銷型網(wǎng)站的公司seo推廣計劃
  • 無錫做網(wǎng)站建設手機軟文廣告300字
  • 建網(wǎng)站的哪家好農(nóng)產(chǎn)品網(wǎng)絡營銷策劃書
  • 高清世界街景地圖如何退訂夫唯seo教程