JavaScript - フロントエンドでこの美しい紙芝居効果を実現する方法

Question

図に示すように、特定のテンプレート (複数のテンプレート) を実装するには、クリックして画像を選択するか、テンプレートの指定された位置にテキストを入力しますか?解決策が見つからないので、アイデアをください

某草草 · Answer

次のような js テンプレートエンジンの使用を検討できます: baiduTemplate (Baidu) artTemplate (Tencent) ジューサー (タオバオ) doT tmpl handlebars easyTemplate underscoretemplateMustache Kissytemplate

データも変数名も統一…
HTMLテンプレートが違うだけで大丈夫…
HTMLテンプレートは複数書ける…

これも UI レイヤーであり、データレイヤーから分離するだけです。

曾经蜡笔没有小新 · Answer

それは、あなたが何を聞きたいのかまだ理解できていないということです！書き込めない効果はどれですか？テンプレートを切り替える方法がまだわかりませんか?または写真を撮った後にデータを自動的に入力するにはどうすればよいですか?まだ？ ? ?

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル