Marko: 主に HTML ベースの言語

見慣れた

HTML、CSS、および Javascript を尊重する必要がある場合は、Marko を尊重する必要があります

高性能

ストリーミング、部分ハイドレーション、最適化コンパイラ、および 1 分間のランタイム

スケーラブル

単純な HTML テンプレートから始めて、必要に応じて注目すべき部分を追加します

信頼できる

Marko は、過剰なオンラインページトラフィックの Web サイトの宝物 ebay.com に力を与えています

Marko は、動的でリアクティブなユーザーインターフェイスを構築するための言語として再考された HTML です。スマートに動作する HTML については、Marko がスマートに動作するのは正しいことですが、Marko は HTML 言語を拡張して、宣言型スキームで現代的な関数を構築できるようにします。

doctype html> <html> <head> <タイトル>こんにちはマルコtitle>head> <本体> <h1>好きな色h1> <ul> <for|色| の=> <

リ

スタイル=`色: ${色}`> ${色. toUpperCase()} li>for>ul> <共有フッター/>body>html> HTML テンプレート、カスタマイズされたタグ、および Javascript 式

クラス { onCreate() { これ.うなり声 =  {依存: 0 };  } インクリメント() { これ.うなり声。それによる++;  } } <div
>${うなり声。それによる

}div> <ボタン on-click(“インクリメント”)> 私をクリックしてください!button>

インタラクティブな常識と反応的な価値観

マルコは哲学を流します準備が整い次第、ユーザーに提供します。コンシューマアスペクトの JavaScript バンドルまたはデータリクエストがレンダリングを開くことは想定されていません。 HTML、リソース、および写真は、非同期データの読み込みが完了するとすぐに読み込まれます。

マルコ最高は、インタラクティブな部分のコードをブラウザに送信します。そのコンパイラは、サーバー上で最もレンダリングが必要な部分をロボットで検出します。このスキームは、ダウンロードする必要がなく、達成する必要もありません。ユーザーは、デバイスやネットワークに関係なく、高度な効率性を享受できます。

Google 住居 – $79

カートに追加

住居全体でハンズフリーサーブ。 Google Dwelling は、Google アシスタントが組み込まれたクリーンなスピーカーです。ですから、あなたが奉仕したいときはいつでも、それはあなたの側面によるものです

★★★★☆

Frosty machine Google が素晴らしいマシンを作成しましたエール制御による歌とデータを提供します。マイクは非常に適切で、部屋全体からのコマンドを着実に選択できます. スピーカーの音は、ミニッツマシンのようなものに驚くほど適しています。トーンコントロールがあったことで解決しました

★★★★★

達成不可能なサウンドプロファイル！簡単なセットアップ、あらゆる部屋の測定で巨大なサウンド。調整可能な低音と高音。現時点では、コンドミニアム全体のサウンドを向上させるために 2 つをペアにします。

)

Google 住居 – $79

カートに追加

★★★★☆

★★★★★

Marko のコンパイラは、ギャロップする場所に合わせたコードを生成します。一度コードを書くだけで、すべてのサーバーとブラウザーに最適化されます。これは、マルコが標準的なソリューションのかなりのペアよりも数ケース早いサーバーで非常に明白です.

<div> <h2>写真h2> <div> <for|item| の=入力.アイテム> <div

オンクリック

(() => アラート(アイテム。題名)、アイテム)> <img src =アイテム。img alt=“”/> div>for>div>div>

アウト。書きます ("写真」);  にとって (const item の 入力。項目) {  out.write (` ${_marko_attr("src", item.img)}>  
`);  } アウト。書きます("");  HTML 文字列 サーバ
out.beginElement ("div"、 ヌル、 "0",  成分);  アウト。beginElement("h2"、 ヌル, "1", 成分);  アウト。テキスト哲学(「写真」 、 成分);  アウト。endElement();  アウト。beginElement("div"、 ヌル, "2", 成分);  { させて _keyValue = 0 ;  にとって (const item の 入力。項目) {  const _keyScope  = `[${_keyValue++}]`;  アウト。beginElement("div"、 ヌル、"3" + _keyScope, コンポーネント 、 ヌル, 0, { onclick: _成分。d(「クリック」, "onBannerClick"、堕落 、[item])、});  アウト。成分("img", { src: item .img } 、 「4」 + _keyScope、 成分, 0);  アウト。endElement();  } } アウト。endElement();  アウト。endElement();  VDOM ノード  ブラウザ内 
マルコは ファーストクラスエンハンス 構文の強調表示、オートコンプリート、参照ファイルにすばやく移動するためのハイパークリック、Dazzling printi[item] を含む VSCode エディター用%% item_read_more_button%%

Related Posts