airoot uisys v1は、使いやすくするための新機能を正式にリリースしました

airoot uisysv1が正式にリリースされました

Airoot uisysは、中国製のWebフロントエンドモジュラーコンパイルツールです。今日の一般的なフレームワークと比較して、モジュール化スキームの点でネイティブ開発に近いため、モジュール化に基づくパフォーマンスが向上します。

airoot uisys v1が正式にリリースされ、使いやすいモジュラースキーム、つまり「内部モジュール」構文シュガーが追加されました。

Giteeでuisysを検索でき、ダウンロードリリースで
はGithubでuisysを検索してダウンロードできます。

新しい構文-内部モジュール

@defineキーワード

開発者はuiファイルで複数のモジュールを定義できます。以前は複数のモジュールを個別のファイルの形式でインポートしていましたが、今回はファイルの内部定義モジュールを追加しました。
内部モジュールは「クロージャー」です。次のように、@ defineキーワードを使用して新しいモジュールを定義できます。

<!-- define a module -->
<@define name="MyBox">
  <div>Hello Baby!</div>
</@define>

<!-- you code here. -->
<div>
  <MyBox/>
  <MyBox/>
</div>

次のように、内部でjsを使用することもできます。

<!-- define a module -->
<@define name="MyBox">
  <div>Hello Baby!</div>
</@define>

<!-- you code here. -->
<div>
  <!-- dom area -->
</div>
<script>
  function init(){
     
     
    var box = new MyBox();
    dom.appendChild(box);
  }
</script>

airoot uisysv1アップデートコンテンツ

  1. HTMLScript
    は、JSXがデフォルトで@importをインポートするコンテンツパッケージを削除します。
    @defineで定義されたクラスを追加し、デフォルトで関数をインポートします。

  2. @define関数がUIに追加
    され、@ defineで定義されたサブモジュールをモジュール内で定義できます。@ defineで定義されたモジュールはモジュール内で相互に参照できます。
  3. 内部モジュール登録名を最適化
  4. モジュールが異なるモジュールで参照されている場合のモジュールドメインの不整合の問題を修正しました。
  5. HTMLScriptがルートノードIDを追加するときの解析エラーの問題を修正しました。
  6. コードの最適化された部分
  7. リリース後にルートパスの選択を最適化して、プロジェクトを可能な限りセカンダリディレクトリで使用できるようにします。
  8. 「テストコメント」の記号が+ 、!に変更され、元の#1行のコメントが残ります
  9. UIエンジンがアップグレードされ、モジュールのルートノードでIDにアクセスできるようになりました。これにより、ユーザーはdomキーワードを使用しなくても使用できます。
  10. ルートノードのスタイルに一致するようにCSSパーサーをアップグレードしました。
  11. 余分な引用符によって引き起こされるJITコンパイルのバグを修正しました。
  12. ルートノードを修正して、独自のクラスクラスを導入しました
  13. @overrideのIDオーバーライドが有効にならない問題を修正しました。
  14. 最適化されたエンジン速度
  15. cssタグの解析のバグを修正しました。以前のバージョンでは、スタイルがグローバルに設定されている場合、スタイルは効果がありません。
  16. UI解析の再帰レベル制限が増加しましたが、以前のバージョンには無限ループの問題があります。
  17. バージョンプロンプトメッセージの内容を最適化しました。
  18. HTML構造、元の親キーワードは@thisに変更されます。

おすすめ

転載: blog.csdn.net/uucckk/article/details/105090813