Rumah >hujung hadapan web >tutorial js >Enjin templat JavaScript Panduan penggunaan JsRender berdasarkan jQuery_jquery

Enjin templat JavaScript Panduan penggunaan JsRender berdasarkan jQuery_jquery

WBOYasal: 2016-05-16 16:23:341375semak imbas

Kata Pengantar

JsRender ialah enjin templat JavaScript berdasarkan jQuery Ia mempunyai ciri-ciri berikut:

· Mudah dan intuitif

· Fungsi berkuasa

· Boleh dilanjutkan

· Sepantas kilat

Ciri ini kelihatan sangat berkuasa, tetapi hampir setiap enjin templat akan mempromosikannya seperti ini. . .

Disebabkan keperluan kerja, Xiaocai bersentuhan dengan enjin templat ini. Selepas menggunakannya untuk seketika, saya mendapati bahawa ia sememangnya agak berkuasa, tetapi Xiaocai merasakan bahawa beberapa bahagian terlalu berkuasa, yang menjadikannya sukar untuk difahami.

Sebaliknya, dokumentasi rasmi JsRender agak terperinci, tetapi terdapat sedikit maklumat lain yang mengejutkan Jika anda menghadapi sebarang masalah, anda bukan sahaja tidak dapat mencari isu yang berkaitan hampir tiada hasil.

Selain itu, beberapa bahagian JsRender benar-benar sukar untuk difahami, jadi Xiaocai perlu segera berkongsi beberapa "amalan terbaik".

Berdasarkan penggunaan terkini, Xiaocai telah meringkaskan beberapa pengalaman praktikal Sudah tentu, pengalaman ini tidak boleh didapati dalam dokumen rasmi.

Nota: Artikel ini bukan tutorial pengenalan asas. Contoh berikut mempunyai penjelasan tersendiri. Pembaca tidak boleh mengalaminya sendiri.

Gelung bersarang menggunakan #induk untuk mengakses data induk (tidak disyorkan)

Salin kod Kod adalah seperti berikut:

     嵌套循环使用#parent访问父级数据 --- oleh 杨元

             序号
             姓名
             家庭成员