中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JS核心開發框架是什么

發布時間:2021-10-25 10:29:32 來源:億速云 閱讀:162 作者:iii 欄目:開發技術

這篇文章主要介紹“JS核心開發框架是什么”,在日常操作中,相信很多人在JS核心開發框架是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”JS核心開發框架是什么”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

簡介

JS應用開發框架,提供了一套跨平臺的類web應用開發框架,通過Toolkit將開發者編寫的HML、CSS和JS 文件編譯打包成JS  Bundle,解析運行JS Bundle,生成native UI  View組件樹并進行渲染顯示。通過支持三方開發者使用聲明式的API進行應用開發,以數據驅動視圖變化,避免大量的視圖操作,大大降低應用開發難度,提升開發者開發體驗。

JS應用框架模塊組成如下圖所示:

JS核心開發框架是什么

目錄

JS應用開發框架源代碼在/foundation/ace下,目錄結構如下圖所示:

/foundation/ace ├── frameworks # 框架代碼 │   └── lite │       ├── examples # 示例代碼目錄 │       ├── include # 對外暴露頭文件存放目錄 │       ├── packages # 框架JS實現存放目錄 │       ├── src # 源代碼存放目錄 │       ├── targets # 各目標設備配置文件存放目錄 │       └── tools # 工具代碼存放目錄 ├── interfaces # 對外接口存放目錄 │   └── innerkits # 對內部子系統暴露的頭文件存放目錄 │       └── builtin # JS應用框架對外暴露JS三方module API接口存放目錄

約束

語言版本:

C++11版本或以上

JavaScript ES5.1

框架運行內存通常分為如下組成部分:

JS引擎運行時內存:可調,取決于具體設備應用復雜度,通常建議64K~512K

框架本身native內存:在百K級的內存設備上,建議預分配一個與native UI共用的內存池,用于native內存的管理

框架針對不同的芯片平臺和底層OS能力,規格有所區別:

Cortex-M RAM/ROM

  • JS引擎內存池: 建議大于48K

  • RAM:建議與native UI共用內存池,大于80K

  • ROM: > 300K (包含JS應用框架,以及native UI和JS引擎等強相關子系統)

Cortex-A RAM/ROM

  • JS引擎內存池: 建議大于128K

  • RAM:建議大于512K

  • ROM:> 2M (包含JS應用框架,以及native UI和JS引擎等強相關子系統)

使用targets

JS應用框架實現主要包含兩部分:

native部分:使用C++進行編寫,是框架主體實現;

JavaScript部分:提供JS應用框架對用戶JS文件的運行時支持,并通過向引擎暴露一些全局方法和對象,支撐JS運行時與native框架之間的交互。

JS應用框架通過一些特性宏來定制不同平臺上參與編譯的功能代碼,該部分特性宏定義在  foundation/ace/frameworks/lite/targets 目錄下頭文件內,目錄結構如下:

/foundation/ace/frameworks/lite/targets ├── default/ │   └── acelite_config.h ├── linux/ # linux環境配置文件目錄 │   └── acelite_config.h ├── liteos_a/ # LiteOS A核環境配置文件目錄 │   └── acelite_config.h ├── liteos_m/ # LiteOS M核環境配置文件目錄 │   └── acelite_config.h ├── platform_adapter.cpp ├── platform_adapter.h └── simulator/ # 模擬器環境配置文件目錄     └── win/         └── acelite_config.h*

在編譯不同的平臺目標時,需要使用對應平臺目錄下的acelite_config.h頭文件,這可以通過配置編譯時的搜索路徑來進行,以下以ninja和cmake構建工具為例進行示例:

ninja:

if (ohos_kernel_type == "liteos_a" || ohos_kernel_type== "liteos_m" ||      ohos_kernel_type == "liteos_riscv") { // 通過目標內核平臺選擇不同的頭文件搜索路徑    include_dirs += [ "targets/liteos-a" ]  } else if (ohos_kernel_type == "linux") {    include_dirs += [ "targets/linux" ]  }

cmake:

...... set(ACE_LITE_CONFIG_PATH "${CMAKE_CURRENT_SOURCE_DIR}/targets/simulator/win") # 模擬器編譯搜索路徑使用targets/simulator/win set(JSFWK_INCLUDE_PATH "${CMAKE_CURRENT_SOURCE_DIR}/include") set(JSFWK_SOURCE_PATH "${CMAKE_CURRENT_SOURCE_DIR}/src/core") set(UIKIT_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../ui") set(THIRTY_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../../third_party") set(JSFWK_SIMULATOR_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../tools/simulator") set(JS_API_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../api/emui_band/MoltenCore/application/framework/ace/api") set(JSFWK_SIMULATOR_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../tools/simulator") set(AAFWK_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../../aafwk")  # header files include_directories(     ${ACE_LITE_CONFIG_PATH}     ${JSFWK_INCLUDE_PATH}/async     ${JSFWK_INCLUDE_PATH}/base     ${JSFWK_INCLUDE_PATH}/context     ${JSFWK_INCLUDE_PATH}/jsi     ${JSFWK_SOURCE_PATH}     ......

acelite_config.h主要用于對應平臺的特性宏開關,也可用來進行一些屏蔽平臺差異的定義。如不同平臺由于使用的文件系統不一致,可能存在一些固定目錄路徑名不一樣的情況,這些有區別的常量可以放在這里進行定義,如下:

liteos-a/acelite_config.h

#define JS_FRAMEWORK_PATH "//system/ace/bin/"

simulator/win/acelite_config.h

#define JS_FRAMEWORK_PATH "..\\..\\..\\jsfwk\\packages\\runtime-core\\build"

使用runtime-core

為了實現單向數據綁定機制,JS應用框架使用JavaScript語言實現了一套簡單的數據劫持框架,稱之為runtime-core,目錄結構如下所示:

/foundation/ace/frameworks/lite/packages └── runtime-core     ├── .babelrc # babel配置文件     ├── .editorconfig # IDE配置文件     ├── .eslintignore # ESLint配置文件,可以設置不進行ESLint掃描的目錄或文件     ├── .eslintrc.js # ESLint配置文件,可以配置掃描規則     ├── .gitignore     ├── package.json # NPM包管理文件     ├── package-lock.json # NPM依賴版本鎖定文件     ├── .prettierrc # 代碼格式化規則配置文件     ├── scripts # 編譯腳本存放目錄     │   ├── build.js # 編譯腳本     │   └── configs.js # Rollup配置文件     ├── .size-snapshot.json     └── src # 源代碼         ├── core # ViewModel核心實現目錄         │   └── index.js         ├── index.js         ├── observer # 數據劫持部分代碼實現目錄         │   ├── index.js         │   ├── observer.js         │   ├── subject.js         │   └── utils.js         ├── profiler # profiler目錄         │   └── index.js         └── __test__ # 測試用例目錄             └── index.test.js

支持的NPM 命令有:

npm run build

JS應用框架所集成的JS引擎僅支持ES5.1語法,runtime-core源代碼是使用ES6語法書寫的。因此選擇使用rollup做為打包工具,配合babel實現對語法進行降級處理。命令行中執行npm  run build,會在build目錄下輸出打包結果,輸出結果如下所示:

build/ ├── framework-dev.js // 開發環境使用的框架代碼(未壓縮混淆) ├── framework-dev.min.js // 開發環境使用的框架代碼(已壓縮混淆) ├── framework.js // 生產環境使用的框架代碼(未壓縮混淆) └── framework.min.js // 生產環境使用的框架代碼(已壓縮混淆)

npm run test

runtime-core使用jest進行單元測試,在命令行中執行npm run test即可觸發。

涉及倉

ace_lite_jsfwk

ace_interfaces_innerkits_builtin

到此,關于“JS核心開發框架是什么”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

js
AI

张家港市| 井陉县| 东城区| 瑞金市| 慈利县| 万州区| 常宁市| 南汇区| 隆尧县| 永清县| 哈密市| 长寿区| 沂源县| 融水| 马鞍山市| 瑞丽市| 乌拉特前旗| 巴彦淖尔市| 古蔺县| 高邑县| 塘沽区| 巢湖市| 诏安县| 淅川县| 万年县| 连江县| 高青县| 梨树县| 河津市| 元阳县| 大悟县| 罗源县| 哈巴河县| 广灵县| 大新县| 大埔县| 苍山县| 宁河县| 孝感市| 桃园市| 郸城县|